javascript - 使用 jQuery 获取链接的属性并将其作为表单发布到另一个脚本文件

Question

我想抓取 <a href> 的属性将这些属性链接并吐出到另一个脚本文件 post数据。以下是我到目前为止所做的详细信息

HTML 链接

<a href="#" class="submit-button" id="deleteRecord" attr1="xyz" attr2="abc" >Delete</a>

现在jQuery代码如下

$(document).ready(function(){
  //Other code here

  $(document).on('click','#deleteRecord',function(){
    //I want to submit variables attr1 and attr2 as post data to delete_post.php
  });
});

提前致谢。

Answer 1

如果您不确定要发布多少属性，请使用 data 属性并循环:

<a href="#" class="submit-button" id="deleteRecord" data-something="blah" data-attr1="xyz" data-attr2="abc" >Delete</a>

脚本:

$(document).ready(function(){
     $(document).on('click','#deleteRecord',function(e){
        e.preventDefault();
        var postData = {};
        $.each($(this).data(), function(k,v) {
            postData[k] = v;
        });
        $.ajax({
            type    : 'post',
            url     : 'delete_post.php',
            data    : postData,
            success : function (data) {
                // do something with data...
                console.log(data);
            },
            error   : function (obj,status,error) {
                // do something when error...
            }
        });
    });
});