提交 HTML 表单时执行 $.ajax答案

【问题标题】：Execute $.ajax when HTML form submitted提交 HTML 表单时执行 $.ajax
【发布时间】：2015-07-18 02:13:50
【问题描述】：

我想在我的 HTML 表单提交时调用 $.ajax。我成功地使用.submit() 来确定何时提交表单。但是$.ajax，当放在.submit() 函数中时，并没有执行。

但是，当不在.submit() 函数中时，$.ajax 可以完美执行。

这是我的表格：

<form id="searchForm">
    <input type="text" id="search">
    <input type="submit" value="Submit">
</form>

这是我的 jQuery：

baseURL = 'http://...';

$("#searchForm").submit(function() {

    $.ajax({ 
        type: 'GET',
        url: baseURL,
        dataType: 'xml',
        success: function(xml){ 

            // Code here

        }

    });
});

【问题讨论】：

标签： javascript jquery ajax forms

【解决方案1】：

只需要阻止默认的浏览器提交过程。

提交处理程序不会覆盖默认进程，它只是拦截它并允许您在它实际提交之前执行您需要的任何操作......或者在这种情况下被阻止

$("#searchForm").submit(function(event) {
    event.preventDefault();

     // ajax here
});

【讨论】：

工作就像一个魅力。谢谢！