javascript jQuery AJAX提交表单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript jQuery AJAX提交表单相关的知识,希望对你有一定的参考价值。

// this is the id of the form
$("#idForm").submit(function(e) {

    var url = "path/to/your/script.php"; // the script where you handle the form input.

    $.ajax({
           type: "POST",
           url: url,
           data: $("#idForm").serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the php script.
           }
         });

    e.preventDefault(); // avoid to execute the actual submit of the form.
});

以上是关于javascript jQuery AJAX提交表单的主要内容,如果未能解决你的问题,请参考以下文章

在 Javascript/ajax 或 jquery 中提交多个表单

使用 ajax 验证 jquery / 标准 javascript 提交表单

javascript 示例jQuery使用Ajax验证和提交

如何使用没有 jQuery 但纯 Javascript 的 AJAX 提交此表单

使用 Javascript AJAX(不是 jQuery)提交嵌入式 Mailchimp 表单

[JavaScript]_[初级]_[不使用JQuery原生Ajax提交表单]