Question

i want to submit all form’s infomation with an onclick event function (i don’t want to use a conventional submit ). How can i use the post or ajax method?

here is my code

$("#login_form").bind("click", function() {
    var qtyVal = document.getElementsByName('id[]').length; 

    $.ajax({
        type        : "post",
        cache   :   false,
        url     : "abcd.php?ref=xyz",
        data        : $(this).serializeArray(),
        success: function(data) {
        $.fancybox(data);
        }
    });
    return false;
});

Answer 1

You should not use from this keyword here. You click on a button to send the form data,so this will return you the button element. You should not use from ‘click’ event for your form too. You can do like the following code:

function send(){

$.ajax({
    type        : "post",
    cache   :   false,
    url     : "abcd.php?ref=xyz",
    data    : $('#frm').serializeArray(),
    success: function(data) {
    alert(data);
    }
});
return false;} 



<form id="frm"><input type="button" id="submit" onclick="send()" /></form>