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

Question

I want to grab attributes of <a href> link and spit those attributes to another script file as post data. Following are the details of what I have done till now

Html link

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

Now the jQuery code is as follows

$(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
  });
});

Thanks in advance.

Answer 1

If you're unsure how many attributes you want to post, use data attribute and loop:

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

Script:

$(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...
            }
        });
    });
});