跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例

跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例

ID:36226415

大小:673.50 KB

页数:17页

时间:2019-05-07

跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例_第1页
跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例_第2页
跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例_第3页
跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例_第4页
跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例_第5页
资源描述:

《跟我学json相关技术及在项目中的应用示例——应用json实现web客户端和服务器端系统之间交换数据的应用示例》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、杨教授工作室精心创作的优秀程序员职业提升必读系列资料1.1跟我学JSON相关技术及在项目中的应用示例——应用JSon实现Web客户端和服务器端系统之间交换数据的应用示例1.1.1JSon格式的对象字符串特别适合于基于AJAX技术的Web应用中的数据传递1、JSON就是JavaScript对象最好的序列化形式由于在Web应用中可以实现JavaScript对象和JSon格式的字符串之间的相互转换,从而实现JavaScript对象的序列化和反序列化。2、在AJAX的应用中采用JSon格式的字符串代替XML格式的字符

2、串在AJAX应用中将客户端的一个JavaScript对象转换为JSon格式的字符串传递到服务器端的程序中,然后在服务器端再将JSon格式的字符串反转换回(也就是反序列化)为某个服务器端的程序对象。因为如果能够将JavaScript对象直接转换为文本形式,则比采用比如XML格式的方式表达更简洁也更高效。JavaScript对象可以最终转换为一个JSON形式的字符串,在网络客户/服务器之间可以自由传递(将JSON形式的字符串从Web客户机传递给服务器端程序和从服务器端传递到客户端)和最终实现交换信息。1.1.2获

3、得服务器端返回的JSON对象字符串的应用示例1、转换的基本工作原理服务器端相关的程序(比如J2EEServlet或者Struts2框架的Action程序类)向浏览器客户端的JavaScript程序返回JSON对象字符串,然后在Web页面中的JavaScript代码中应用JSON.parse()函数将服务器端相关的程序返回的JSON对象字符串转换为JavaScript对象,然后应用该JavaScript对象获得服务器端的对象数据。下面通过具体的示例说明如何实现在服务器端相关的程序中发送JSON对象字符串,如何在

4、客户端的JavaScript程序解析和提取出相关的对象。2、构建一个名称为ajaxjson的Web应用项目17杨教授工作室,版权所有,盗版必究,17/17页杨教授工作室精心创作的优秀程序员职业提升必读系列资料3、在该Web项目中设计一个JSP页面,页面文件名称为index.jsp在index.jsp页面中引用json2.js程序文件,然后再设计该页面中的HTML超链接和对应的JavaScript程序代码。Index.jsp页面的完整代码示例如下:<%@pagepageEncoding="gb2312"isEL

5、Ignored="false"%>/**17杨教授工作室,版权所有,盗版必究,17/17页杨教授工作室精心创作的优秀程序员职业提升必读系列资料引用JSON

6、系统库中的parse函数所在的系统库文件json2.js*/varxmlHttpRequest;functionsendRequestToServlet(requestURL,actionType){xmlHttpRequest=createXMLHttpRequest();switch(actionType){/**分别设置获得服务器端返回的不同类型对象的回调函数*/case1:xmlHt

7、tpRequest.onreadystatechange=getServletResponseResult_SingleObject;break;case2:xmlHttpRequest.onreadystatechange=getServletResponseResult_ObjectArray;break;case3:xmlHttpRequest.onreadystatechange=getServletResponseResult_ObjectArray;break;}/*也可以采用如下的get方式的请

8、求xmlHttpRequest.open("get",requestURL,true);xmlHttpRequest.send(null);*/xmlHttpRequest.open("post",requestURL,true);xmlHttpRequest.setRequestHeader("Content-Type",17杨教授工作室,版权所有,盗版必究,17/17页杨教授工作室精心创作的优秀

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。