我正在尝试使用 JQuery 对返回 JSON 对象的 servlet 进行 Ajax 调用。 在JSP页面中我有一个表单,起初我不知道如何从表单中获取数据, 然后我找到了.serialize。
我有以下 JavaScript:
$(document).ready(function() {
$("#submit").click(function blabla() {
var formData = $('form').serialize();
$.ajax({
type: "POST",
url: "/ArchiveSearch/Search",
dataType: "json",
data: formData,
});
});
});
信息来自以下形式:
<form method= post">
<div class="searchCiteria">
<div id="searchValueBlock1">
<div><span class="label">Case ID:</span><input type="text" name="messagecaseid" size="25"/></div>
<div><span class="label">Onderwerp:</span><input type="text" name="messagesubject" size="25" /></div>
<div><span class="label">Afzender:</span><input type="text" name="messagesender" size="25"/></div>
<div><span class="label">Ontvanger:</span><input type="text" name="messagereceiver" size="25"/></div>
</div>
<div id= "searchValueBlock2">
<div><span class="label">Datum:</span><input type="text" name="date1" size="25"/></div>
<div><span class="label"></span><input type="text" name="date2" size="25"/></div>
<div class="submit">
<input type="submit" value="Search">
</div>
</div>
</div>
</form>
当我使用表单中的操作参数时,servlet 会像它应该的那样进行响应。 但我似乎无法让 Ajax 调用正常工作。
我做错了什么?
最佳答案
您必须将 success 参数添加到 ajax 函数中
$.ajax({
type: "POST",
url: "/ArchiveSearch/Search",
dataType: "json",
data: formData,
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});
关于ajax - Jquery Ajax 调用 servlet,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10879785/