使用a标签中的链接在点击时发出AJAX请求

时间:2017-01-03 17:57:36

标签: javascript php jquery html ajax

我在下面有一个包含动态值示例的表。我想在我的动态网址中使用我的动态网址中的网址,其中AJAX请求基于用户点击的ID。当用户点击下表中的ID 1时,我想将该标签中的url传递给AJAX url部分中的脚本。我会感谢任何帮助

 RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams) getLayoutParams();

2 个答案:

答案 0 :(得分:2)

  1. 将ID更改为类 - ID必须是唯一的<a class="test" href="test.php?id=1">...
  2. 阻止链接被跟踪
  3. 使用负载 - 更简单
  4. 喜欢这个

    $(function(){
      $(".test").click(function(e){
        e.preventDefault();
        $("#div1").load(this.href); // or if you insist: $.ajax({url: this.href,...
      });
    });
    

    PS:如果链接是通过脚本插入的,则需要委托 - 这里我假设该表有一个ID并存在于页面加载

      $("#tableId").on("click",".test",function(e){
    

答案 1 :(得分:1)

注意:您不应在同一页面上为多个元素使用相同的ID。我更改了您的ID以使用类 我还添加了一个 root(X ):- node( X ),\+ edge(_ , X). leaf(X):- node(X) ,\+ edge(X, _ ). internal_node( X ):- edge( X , _ ), edge( _ , X ). 来防止链接正常工作(除非你想在这种情况下删除该行)

&#13;
&#13;
preventDefault()
&#13;
    $(document).ready(function(){
        $(".test").click(function(e){
          theURL = $(this).attr('href');
          console.log(theURL); // can be removed just included for testing
          e.preventDefault();
            $.ajax({url: theURL, success: function(result){
                $("#div1").html(result);
            }});
        });
    });
&#13;
&#13;
&#13;