前台用的是ajax请求,后台json字符串拼接方式
来源:互联网 发布:网络cn是什么意思啊 编辑:程序博客网 时间:2024/06/06 01:04
后台:
List<Xi> xis = xiDao.findAllXi();
JSONArray json = JSONArray.fromObject(xis);
String jsonStr = json.toString();
response.setContentType("text/plain;charset=utf-8");
PrintWriter out = response.getWriter();
out.print(jsonStr);
out.flush();
out.close();
前台:
function getXmlHttpRequest(){
var xhr=null;
if((typeof XMLHttpRequest)!='undifined'){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject('Microsoft.XMLHttp');
}
return xhr;
}
function loadOptions(){
var xhr=getXmlHttpRequest();
xhr.open("post","list.do",false);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var trVal = "";
var txt=xhr.responseText;
var stu=eval("("+txt+")");
for(var i=0;i<stu.length;i++){
trVal += "<tr><td id='stuId'>"+stu[i].studentId+"</td><td>"+stu[i].studentName+"</td><td>"+stu[i].studentNum+"</td><td>"
+stu[i].studentBegin+"</td><td>"+stu[i].studentIsGraduate+"</td><td>"+stu[i].studentClassId
+"</td><td><a href='stuList.do?id="+stu[i].studentId+"'>修改</a></td></tr>";
}
$("#studentInfo").append(trVal);
}
else{
alert("ERROR");
}
}
};
xhr.send(null);
}
- 前台用的是ajax请求,后台json字符串拼接方式
- jquery ajax post 方式 data中以json形式并且定义的是拼接好的字符串变量
- ajax请求后返回多个json数组,后台拼接
- ajax自己要注意的和后台传Json到前台的方式
- 前台请求后台返回的json字符串中含有html标签!
- 前台拼接json数据java后台接收
- spring mvc @InitBinder(前台ajax传过来的json字符串后台无法接收)
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- ajax请求得到后台数据,前台页面,使用table模板然后clone,显示表格,,不用append拼接 “字符串和HTML表格标签”
- ajax请求返回json字符串解析方式
- jquery拼接ajax 的json和字符串拼接
- 前台jquery+ajax向后台请求数据,后台返回json,前台显示
- java后台JSON解析前台传入的数组JSON字符串
- ajax请求后台,后台有数据,前台得不到数据(json)
- c#后台将数据转换为json字符串,前台ajax解析json字符串
- 后台webservice返回JSON,前台js用ajax调用
- Extjs 前台获取后台传过来的Json字符串
- 前台如何将json格式的字符串传入后台
- 如何在VC6.0下用pthread.h这个头文件
- 排序二叉树 生成双向链表
- select 函数----续 3
- 数据项目面临的六大挑战
- 使用复选框控制表格中的文本框
- 前台用的是ajax请求,后台json字符串拼接方式
- HDU2084--动态规划数塔
- (转)iOS编程——Objective-C KVO/KVC机制
- Android Camera 使用小结
- CEdit用法小记
- HDU2602--Bone Collector--动态规划
- Everything:速度最快的文件名搜索工具(2011-12更新)
- ltib(1)初识
- Apache+PHP+MySql 的配置