ajax传json数据到后端struts,js与struts如何通过aja以json数据形式进行数据传输

ajax已经是web开发的必选框架之一，而json更是在ajax通过解析xml来传输数据方面有了更好的发展，下面我就以自己做web开发的浅薄经验介绍一下js与struts

如何通过aja以json数据形式进行数据传输。why json but not xml？这个问题我想您会得到答案。

注：要使用json必须导入commons-beanutils-1.7.0.jar commons-lang-2.1.jar

ezmorph-1.0.2.jar json-lib-1.1-jdk15.jar另外commons-collentions最好用最新版本

1：既然是异步那我就用到了ajax框架，下面时jsp页面中ajax框架代码和js中解析json的方法

try

{

var xmlhttp = new XMLHttpRequest();

}

catch(e)

{

var xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');

}

var url="/apple/receive.do;

xmlhttp.open('GET',url,true);

xmlhttp.onreadystatechange = function() 异步传输成功时

{

if(xmlhttp.readyState == 4 && xmlhttp.status == 200)

{

var data = eval('('+xmlhttp.responseText + ')'); //或得json数据

for(var i=0;i{

var str='’;

str+=data.js[i].chatdate;

str+=data.js[i].message";

txt=document.createElement('DIV');

txt.innerHTML=str;

document.getElementById("content").appendChild(txt);

str="";

}

xmlhttp.send();

2：下面试action中json的组织方式。(我的数据来源是通过hibernate查询得来得，对此读者可自行处理)

try

{

PrintWriter out = response.getWriter();

JSONObject obj = new JSONObject();

JSONArray js = new JSONArray();

//这里的数据拼装一般是从数据库查询来的

Iterator it = mes.iterator();

while(it.hasNext()){

Chat chat =(Chat)it.next();//数据库查询得到的结果

JSONObject objtemp = new JSONObject();

objtemp.put("chatdate",chat.getDate().substring(0,10) );

objtemp.put("message", chat.getContent());

js.add(objtemp);

}

obj.put("js",js);

out.print(obj.toString());

//out.print(rnd);

}catch(Exception e)

{

e.printStackTrace();

}

return null;

ajax传json数据到后端struts,js与struts如何通过aja以json数据形式进行数据传输相关推荐

使用Ajax实现简单的增删查改前端Ajax传的值，后端如何获取
实现查询和增删改一.Ajax最基本语法二.增删查改 1.查询(Get请求) 2.增删改(Post请求) 三.后台(MVC/WebForm) 1.MVC(Post请求) 2.WebForm(Post ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
js中json法创建对象（json里面的:相当于js里面的=）
js中json法创建对象(json里面的:相当于js里面的=) 一.总结 json里面的:相当于js里面的= 4.json创建js对象解决命名冲突:多个人为同一个页面写js的话,命名冲突就有可能发生, ...
前端传JSON格式数据给后端，将数据封装成JSON格式(@RequestBody注解)
在前端开发过程中,碰到了后端要求前端提供JSON格式数据如图所示,后端使用了@RequestBody注解. @RequestBody的作用其实是将json格式的数据转为java对象因此需要我们前端 ...
获取ajax传过来的数据_大数据编辑问题
[摘要]最近项目用到了大数据的编辑问题,在此做一个简单的总结 [作者]田鋆鹏在最近的项目中遇到一个问题,这个问题的起因是因为在调用接口传参是传入的数据太大,导致接口调用失败 [重构建议:田甜] 1. ...
ajax传formdata类型的数据_JQuery.Ajax()的data参数类型
假如现在有这样一个表单,是添加元素用的. 用户名: 手机号: 生日: 我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交. 以前我们是这样实现的: 1 2 3 4 5 6 7 8 ...
android studio使用nodejs本地服务器json数据_使用Node.js的Alexa技巧
可以使用AlexaLambda函数或RESTAPI端点开发Alexa技能.Lambda函数是Amazon实现AWS中提供的无服务器功能.Amazon建议使用Lambda函数,尽管它们不容易调试.虽然您 ...
ajax 传字符串到后台,JSON.stringify()将JSON对象转换为字符串通过Ajax传入到后台处理...
搜索热词最近在做一个小小的功能模块,前台有很多的数据需要传入到后台,前台页面设计如下: 看起来不是很清楚,总之表单中的数据都要提交到后台进行处理,然后插入到数据库,而且是一起提交到后台的,实现的方法 ...
小程序怎么把同名文件的前端数据（wxml）传送到后端（js）
把同名文件的前端数据(wxml)传送到后端(js) {{list}}是后端(js)拿到前端的数据,这里经过for循环遍历每个item(子项),然后把他们的name和price拿出来用 data-nam ...

ajax传json数据到后端struts,js与struts如何通过aja以json数据形式进行数据传输

ajax传json数据到后端struts,js与struts如何通过aja以json数据形式进行数据传输相关推荐

最新文章

热门文章