javascript - 提交 HTML 表单时执行 $.ajax

Question

我想在提交 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

        }

    });
});

Answer 1

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

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

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

     // ajax here
});