Может ли Ajax-вызов вызываться текстовой ссылкой?

Question

Я закончил небольшой учебный пример, используя выпадающий список, который загружает с Ajax некоторые страницы PHP.

У меня вопрос, могу ли я использовать текстовую ссылку вместо выпадающего списка? Если да, то как меняется код?

$(document).ready(function() {
  $('#category').change(function() {

    var val = $(this).val();
    $('#firstresult').empty().addClass('loading').load(val + '.php', function(){
      $('#firstresult').removeClass('loading') 
    });

  });
});

Answer 1

Вам необходимо присвоить текстовой ссылке идентификатор, но, вероятно, оставьте href выключенным.

Ссылка

$(document).ready(function() {
  $('#myTextLink').click(function() {

    var val = $(this).val();
    $('#firstresult').empty().addClass('loading').load(val + '.php', function(){
      $('#firstresult').removeClass('loading') 
    });

  });
});

Answer 2

$(document).ready(function() {
  $('#yourLink').click(function(e) {
     e.preventDefault();//so the link doesn't try to go somewhere
     var val = $(this).text();  //get value from the TEXT of your link

     $('#firstresult').empty().text('loading').addClass('loading');  //put 'loading' in your firstresult div and change the class to loading
     $('#firstresult').load(val + '.php', function(){  
      //load firstresult with what your php page returns
      $('#firstresult').removeClass('loading') 
    });

  });
});

Answer 3

Сделайте то же самое, но с функцией щелчка

$(document).ready(function() {
     $('#my_link').click(function(e) {
         e.preventDefault();
         var val=$(this).text();
         $('#firstresult').empty().addClass('loading').load(val + '.php', function(){
         $('#firstresult').removeClass('loading') 
         });

    });
});

Answer 4

Если #category является идентификатором вашей текстовой ссылки.

Я ввел return false, чтобы предотвратить всплывающее событие клика и перезагрузить вашу страницу.

Я не проверял его, хотя...

$(document).ready(function() {
      $('#category').click(function() {

        var val = $(this).attr('href');
        $('#firstresult').empty().addClass('loading').load(val + '.php', function(){
          $('#firstresult').removeClass('loading') 
        });

        return false;

      });
    });

РЕДАКТИРОВАТЬ

<a id="category" href="my_val" title="">my link</a>

Вы можете передать значение из атрибута href