Jsp 在JQuery ajax中获取操作类结果(返回)字符串成功
在我的JSP页面中,我有一个表单和一些divJsp 在JQuery ajax中获取操作类结果(返回)字符串成功,jsp,jquery,Jsp,Jquery,在我的JSP页面中,我有一个表单和一些div <form id="personDetail" name="personDetail" action="personDetail"> <!-- input fields --> </form> <div id="sucess"></div> <div id="error"></div> <div id="edit"></div> <div
<form id="personDetail" name="personDetail" action="personDetail">
<!-- input fields -->
</form>
<div id="sucess"></div>
<div id="error"></div>
<div id="edit"></div>
<div id="input"></div>
Ajax调用
$(document).on('click', ".saveButton", function(){
var formId='personDetail';
var form = $("#"+formId);
form.submit(function ()
{
var urlAction=form.attr('action');
var dataFields=form.serialize();
$.ajax({
type: "post",
url: urlAction,
data: dataFields,
success: function (data) {
var ajaxResult= $('<div/>').html(data),
$ajaxContent = ajaxResult.find('#ajaxContent');
var ajaxActionResult=$('<div/>').html($ajaxContent);
$("#success").html(ajaxActionResult);
}
});
return false;
});
});
在struts.xml中,我提到了每个结果的一些JSP,它将在Ajax中返回
所有这些都恢复了成功,并成为HTML内容。我设置为DIV,id=success。因此,所有结果都设置为该DIV
我想在适当的div中显示每个结果。也就是说,如果action类返回字符串是error,我想将结果设置为id=error的div,如果是input,那么result应该设置为id=input的div,另一个也类似
由于所有结果都在Ajax中恢复成功,因此在Ajax中使用Error也没有意义。而且也不可能进行编辑和输入
我怎样才能做到这一点
谢谢请参考以下内容:
PS:只需更改action类以返回Json字符串。。并在您的后提交函数response中使用该特定键。您的_键==您的_测试值以获得所需的输出
$(document).on('click', ".saveButton", function(){
var formId='personDetail';
var form = $("#"+formId);
form.submit(function ()
{
var urlAction=form.attr('action');
var dataFields=form.serialize();
$.ajax({
type: "post",
url: urlAction,
data: dataFields,
success: function (data) {
var ajaxResult= $('<div/>').html(data),
$ajaxContent = ajaxResult.find('#ajaxContent');
var ajaxActionResult=$('<div/>').html($ajaxContent);
$("#success").html(ajaxActionResult);
}
});
return false;
});
});