提交HTML表单时执行$ .ajax

Question

我希望在$.ajax提交HTML表单时调用.我成功地.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
});