Question

jquery AJAX 如何调用 后台Action?

Answer 1

1、用jquery ajax调用struts2方法，注意，调用时请注明反回类型是 json 或 xml，个人建议使用json
2、把结果组织成json字符串，并利用struts2取提request后输出（write），注意，编码，一般用utf-8
3、struts2的方法 return null;
4、在页面处理所返回的json对象 $.ajax({ url: “你的action”, type: "get", dataType: "json", cache: false, beforeSend: function(result) { }, success: function(result) { }, error: function(result, status) { if (status == 'error') { alert("系统发生错误"); } } });

Answer 2

$.ajax( {
async : false,
type : "post",
url : "demo/demo.do",
dataType : "xml",
success : function(msg) {
$(msg).find('tb1').each(
function(i, el) {
$('#table1').append('<tr><td>'+ $(el).find('id').text()+ '</td><td>'+ $(el).find('name').text()+ '</td><td>'+ $(el).find('stime').text()+ '</tr>');
});
$(msg).find('tb2').each(
function(i, el) {
$('#table2').append('<tr><td>'+ $(el).find('id').text()+ '</td><td>'+ $(el).find('name').text()+ '</td><td>'+ $(el).find('stime').text()+ '</tr>');
});
$(msg).find('tb3').each(
function(i, el) {
$('#table3').append('<tr><td>'+ $(el).find('id').text()+ '</td><td>'+ $(el).find('name').text()+ '</td><td>'+ $(el).find('stime').text()+ '</tr>');
});
}
});
});

Answer 3

$.ajax({
url : webapp+"/admin/knowledgeCatalogAdd.action",
data : "knowLedgeCatalog.klCatalogName="+$("#klCatalogName").val(),
type : 'POST',
dataType : 'json',
success : function(data) {
if(data){
parseData();
//左侧分类列表重载
showCatalogList();
//添加操作的分类下拉重载
showCatalogSelectorAdd();
//编辑操作的分类下拉重载
showCatalogSelectorEdit();
alert("添加元数据管理分类成功");
$("#klCatalogName").val('');
}else{
alert("添加元数据管理分类失败");
}
},
error : function(){
window.location.reload();
}
});