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
});

提交HTML表单时执行$ .ajax

1 个答案: