js之ajax一步到位
*、ajax调用语法
$.ajax({//ajax异步获取数据
type:'POST',//请求方式
dataType:'json',//返回数据格式,若该格式不指定为json那么下面获取的data数据仅是普通的字符串
url: '<%=request.getContextPath()%>/yourAction.do?method=yourmethod&curLevel='+curLevel,
success: function(data){//根据设置的数据格式返回的结果
var option = "";
$("#upId").html("");//清空原有数据
$.each(data, function (n, st) {//解析数据,html拼接
option += "<option value='"+st.id+"'>"+st.specialName + "</option>";
});
$("#upId").append(option);
}
});*、ajaxSubmit调用语法
jQuery(document.getElementsByName('yourForm')).ajaxSubmit( {//获取某表单
dataType:'json',//返回信息的类型,若该格式不指定为json那么下面获取的data数据仅是普通的字符串
success : function(data) {
if (data.success) {//直接作为json对象使用即可
alert(data.msg);
} else {
alert(data.msg);
}
}
});*、后台要做点什么呢?
后台处理借用net.sf.json.JSON*等类将实体对象转为json对象的字符串以流的形式返回前台即可;
如:
response.setHeader("Content-type", "text/html");
response.setCharacterEncoding(charset);
response.getWriter().flush();
response.getWriter().print(JSON*类.fromObject(实体对象).toString());----------------------------------------------------------小意外----------------------------------------------------------------
*、当ajax点击后无反应仔细查看error函数返回的内容
error: function (xhr) {alert(xhr.responseText) } 相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
时光如瑾雨微凉 2020-07-19
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05