如何在我的表单操作中使用jQuery .ajax [英] How to use jQuery .ajax to my form's action

问题描述

我更改了php和jQuery的编码风格，但是我的注册

I changed my coding style for php and jQuery, but my Registration

$("#reg_form_company").bind("submit", function() {
    $.fancybox.showActivity();
    $.ajax({
            type     : "POST",
            cache    : false,
            url      : $(this).attr('action'),
            data     : $(this).serializeArray(),
            success  : function(data) {
                $(".printArea").empty().append(data).css('visibility','visible');
            }
    });
    return false;
});

然后这是我的表格

<form id="reg_form_company" action="index.php?module=register&actionregister" method="post" >
      <input>[...]</input>
</form>

然后单击提交"按钮后，它不起作用，我认为有人可以帮助我解决此问题，因为$ .ajax可能会使POST(用于输入)和GET(用于参数)混淆操作"表单中的内容)

Then after clicking the "Submit" button, it doesn't work, I assume that somebody can help me to solve this problem, coz the $.ajax might confuse about POST(for inputs) and the GET(for the parameters of the "action" form)

感谢您的帮助，如果需要，您还可以修改整个jQuery代码.

I appreciate for your help, you can also modify the entire jQuery code if it's required.

抱歉，您不包括#reg_form_company和fancybox

Sorry guys for not including the #reg_form_company, and the fancybox

推荐答案

您需要执行以下操作: http://jsfiddle.net/xSJTs/2/

You need to do something like this: http://jsfiddle.net/xSJTs/2/

$('form').on('submit',function(e){
    e.preventDefault();
    $.ajax({
        type     : "POST",
        cache    : false,
        url      : $(this).attr('action'),
        data     : $(this).serialize(),
        success  : function(data) {
            $(".printArea").empty().append(data).css('visibility','visible');
        }
    });

});

您必须使用serialize()而不是serializeArray(). serializeArray()创建一个JavaScript对象，serialize()创建一个查询字符串.

You have to use serialize() instead of serializeArray(). serializeArray() creates a JavaScript-object, serialize() creates a query-string.

序列化: http://api.jquery.com/serialize/

SerializeArray: http://api.jquery.com/serializeArray/

SerializeArray: http://api.jquery.com/serializeArray/

基本上，您要等到提交表单后再中断表单(e.preventDefault();).

Basically you wait until the form is submitted and then you interrupt it (e.preventDefault();).

这篇关于如何在我的表单操作中使用jQuery .ajax的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！