将href值发布到ajax函数 - Post href value to ajax function

Post href value to ajax function

本文关键字：ajax 函数 href | 更新日期: 2023-09-27

<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属性的值发送到像"data=ajkdfk"这样的ajax函数，并把这个值发送到data。

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

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

我们已经使用jQuery的.data((函数来访问数据键的值。

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

只有数据属性可以工作，但应该使用数据键。

你应该添加

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

在你的文档之前。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>