将href值发布到ajax函数

时间:2016-10-08 12:32:49

标签: php jquery ajax

<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"这样的ajax函数,并将此值发送给数据。

PHP页面将其更新到我的数据库。

2 个答案:

答案 0 :(得分:2)

只有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>

我们已使用jQuery的.data()功能通过数据密钥访问该值。

  

data - * 属性用于存储与匹配元素关联的任意数据。

答案 1 :(得分:1)

只有数据属性可以使用,但您应该使用数据密钥。

你应该添加

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

在你的文件之前。[我希望你得到$不是一个功能]。

必须像 -

  <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>