Сообщение HREF значение функции АЯКС

Question

<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
    $('a').click(function(){ 
 
     $.get('data.php', {'page':$(this).attr("data")}, function(data){ 
 
     $('#content').html(data); 
 
     });       
 
    }); 
 
}); 
 
</script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>

<a href="#" data ="ajkdfk">apple</a> 
 
<a href="#"data ="kasnfjk">pear</a> 
 
<a href="#" data ="ankjlfs">banana</a> 
 
<div id="content"></div>

Я хочу отправить значение атрибута данных href tag Аяксу функции как "data=ajkdfk" и отправить это значение к данным.

PHP-страница, чтобы обновить ее в моей базе данных.

Answer 1

Только атрибут data не будет работать. Это должно быть data- *, где вы заменяете * клавишей, которую хотите использовать.

А затем получить значение, используя определенный ключ,

HTML код будет выглядеть примерно так,

<a href="#" data-pagename ="ajkdfk">apple</a> 
<a href="#"data-pagename ="kasnfjk">pear</a> 
<a href="#" data-pagename ="ankjlfs">banana</a> 
<div id="content"></div> 

Наряду с помощью следующего кода JQuery,

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('a').click(function(){ 
     var pagenamevalue=$(this).data('pagename'); 
     $.get('data.php', {'page':pagenamevalue}, function(data){ 
     $('#content').html(data); 
     });       
    }); 
}); 
</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> 

У нас используется функция .data() jQuery для доступа к значению на ключ данных.

данных- * атрибутов используются для хранения произвольных данных, связанных с соответствующими элементами.

Answer 2

Только атрибут данных WILL работает, но вы должны использовать ключ данных.

Вы должны добавить

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> 

перед вашим document.ready [Я надеюсь, что вы получаете $ не является функцией].

Это должно быть как -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
     $('a').click(function(){ 
      var pagenamevalue=$(this).data('pagename'); 
      $.get('data.php', {'page':pagenamevalue}, function(data){ 
      $('#content').html(data); 
      });       
     }); 
    }); 
    </script>