在工作项目中用到了两种jquery ajax 提交数据的方法
一种是:通过普通的url传值。
function showSelectClass(grade){
var url = "/admin/showSelectClass.htm";
var params = {"tribeId":2,"grade":grade};
$.getJSON(url,params,function (data){
json= eval("("+data.classes+")");
var selectContent = "<select onChange='showClassMember(this.value)'>";
if(json.length>0){
selectContent+="<option value='0'>请选择--</option>";
$(json).each(function(i){
selectContent+="<option value='"+json[i].tid+"'>"+json[i].tname+"</option>";
});
}else{
selectContent+="<option value='0'>暂时没有班级</option>"
}
selectContent+="</select>";
$("#selectClass").html(selectContent);
});
}
action的方法:
/**
* 通过部落Id和年级得到班级列表
* @return filterTribeMember.ftl
* @throws Exception
*/
@Action(value="showSelectClass",
results={@Result(name="showSelectClass",type="json")})
public String showSelectClass() throws Exception {
// TODO Auto-generated method stub
List<Map<String,String>> map = new ArrayList<Map<String,String>>();
map = adminService.getClassByTribeIdAndGradeList(tribeId, grade);
JSONArray jsonArray = JSONArray.fromObject(map);
classes = jsonArray.toString();
return "showSelectClass";
}
还有一种就是直接传from过去:其中data是返回的一个页面。
function submitAJaxForm(){
var formbean = $("#passValue");
var url = formbean[0].action;
var data = formbean.serialize();
$.ajax({
url : url,
data : data,
type : "post",
success : function(data){
$("#classMember").html(data);
}
});
}
function openPerson(){
var url = "${ctx}/mypage/saveContact.htm";
var data = "userId=${userId}";
if(confirm("确定加该用户为常用联系人吗?")){
$.ajax({
url : url,
data : data,
type : "post",
success : function(data){
if(data==1){
$("#addRelation").hide();
alert("添加成功");
}else{
alert("添加失败");
}
}
});
}
}