教授跟我学JSON相关技术及在项目中的应用示例——在JavaScript程序中向Web服务器端程序发送JSON对象字符串的应用示例
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
1. 1 跟我学JSON相关技术及在项目中的应用示例——在JavaScript程序中向Web服务器端程序发送JSON对象字符串的应用示例
1. 1. 1在客户端JS程序中向服务器端程序发送JSON对象字符串
下面的示例实现在Web客户端的JavaScript程序中向Web服务器端相关的程序发送JSON对象字符串然后在服务器端的相关程序中将JSON对象字符串转换为Java中的对象从而获得客户端程序发送的对象数据。
1、设计示例中的页面sendJSo nStringToServlet.jsp
1在项目的WebRoot目录下新建一个文件名称为s endJSonStringToServlet.jsp页面
2 sendJSonStringToServlet.jsp页面的代码示例
<%@page pageEncoding="gb2312"%>
<!DOCTYPE HTMLPUBLIC"-//W3C//DTD HTML4.01 Transitional//EN">
<ht ml>
<head>
<script type="text/javascript" language="javascript"
杨教授工作室版权所有1 盗版必究 1/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
src="${pageCo ntext.request.contextPath}/javascript/json2.js">
/**
引用JSON系统库中的parse函数所在的系统库文件json2.j s
*/
</script>
<script type="text/javascript" language="javascript">var xmlHttpRequest;function sendRequestToServlet(requestURL,actionType){xmlHttpRequest=createXMLHttpRequest();switc h(ac tio nTyp e){case 4:xmlHttp Req ue s t.o nread ysta tec ha nge=getServletResponseResult_ReturnObjectArray;var js onAllPers ons Object={"AllPers ons":[
{"name":"张三","sex":"m","age":"40"},{},{"na me":" 王 五","sex":"m","age":"27"} ]
};var allPersonsArray=jsonAllPersonsObject.AllPersons;var o neJSonObje cString=JSON.s tringify(allPe rs onsArray);requestURL=requestURL+"&oneJS onObjecStringN ame="+o neJSonObjecString;b re ak;case 5:xmlHttp Req ue s t.o nread ysta tec ha nge=getServletResponseResult_StringArray;b re ak;
}xmlHttpReque st.open("GET",requestURL, true);xmlHttp Reque st.se nd(null);
杨教授工作室版权所有2 盗版必究 2/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
}function createXMLHttpReque st(){var localXMLHttpRequest;if(window.XMLHttpRequest){
/**
表示用户的浏览器为fireFox等非IE系列则应用XMLHttp Request对象模板创建出对象实例
*/localXMLHttpRequest=new XMLHttpRequest();
}else if(window.ActiveXObject){
/**
*表示用户的浏览器为IE系列则应用ActiveXObj ec t对象模板创建出对象实例
*/try{lo calXMLHttpRequest=new ActiveXObject("Msxml2.XMLHTTP");
}c atc h(e){try{localXMLHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");}c atc h(e){window.alert("你的IE浏览器不支持XMLHttpRequest相关的技术实现 ");}
}
}return localXMLHttpRequest;
}function getServletResponseRe sult_StringArray(){
杨教授工作室版权所有3 盗版必究 3/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
if(xmlH ttp Re q ue st.r e ad yS tate==4){if(xmlHttp Reque st.s tatus==200){var jsonAllS tringArrayFromServlet=
JS ON.parse(xmlHttpRequest.respo nse Te xt);var oneStringElement="";for(var loopIndex=0;loop Index<j sonAllStringArrayFromServlet.length;loop Index++){oneStringElement=oneS tringElement +jsonAllStringArrayF romServlet[loopIndex];
}document.getElementById("sho wRe sultOne").innerHTML=oneStringElement;}e lse if(xmlHttp Reque st.status==400){window.alert("你的请求无效 ");
}e lse if(xmlHttp Request.status==404){window.alert("你向服务端程序请求的URL不正确未找到请求的目标文件 ");}e lse if(xmlHttp Request.status==500){window.alert("服务器由于遇到错误而不能完成该请求 ");
}e lse if(xmlHttp Request.status==505){window.alert("HTTP版本不受支持 ");
}else{window.alert("出现了其它不知名的错误 ");
}
}
}function getServletResponseResult_ReturnObjectArray(){
杨教授工作室版权所有4 盗版必究 4/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
if(xmlH ttp Re q ue st.r e ad yS tate==4){if(xmlHttp Reque st.s tatus==200){var jsonAllP ersonsObj ectFromServlet=
JS ON.parse(xmlHttpRequest.respo nse Te xt);var onePersonString="";for(var loopIndex=0;loopIndex<j sonAllPersonsObjectFromServlet.length;loopIndex++){var onePersonObject=j sonAllPersonsObjectFromServlet[loopIndex];onePersonString=onePersonString+onePersonObject.name+" "+onePersonObject.sex+" "+onePersonObject.age+"<br>";}document.ge tEle mentById("sho wRe sultOne").innerHTML=o nePerso nString;}e lse if(xmlHttp Reque st.status==400){window.alert("你的请求无效 ");
}e lse if(xmlHttp Request.status==404){window.alert("你向服务端程序请求的URL不正确未找到请求的目标文件 ");}e lse if(xmlHttp Request.status==500){window.alert("服务器由于遇到错误而不能完成该请求 ");
}e lse if(xmlHttp Request.status==505){window.alert("HTTP版本不受支持 ");
}else{window.alert("出现了其它不知名的错误 ");
}
}
}
杨教授工作室版权所有5 盗版必究 5/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
</script>
<title>应用JSON实现在AJAX应用中客户/服务器之间交换数据</title>
</head>
<body>
<a href="#"onclick="sendRequestToServlet('${pageContext.request.contextPath}/doajaxResponseServlet?actionType=4',4)">
点击向服务器传送JavaScript对象的JSON对象字符串
</a><br/>
<a href="#"onclick="sendRequestToServlet('${pageContext.request.contextPath}/doajaxResponseServlet?actionType=5',5)">
点击获得服务器返回的JSON字符串数组字符串
</a><br/>
<div id="showResultO ne">
</d iv>
</body>
</ht ml>
3 sendJSonStringToServlet.jsp页面的最终结果
杨教授工作室版权所有6 盗版必究 6/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
2、在sendJSo nStringToServlet.jsp页面中引用json2.js文件
1在项目的WebRoot目录下的javascript子目录中包含有json2.js文件
2在sendJSonStringToServlet.jsp页面中引用json2.js文件
<script type="text/javascript" language="javascript"src="${pageCo ntext.request.contextPath}/javascript/json2.js">/**
引用JSON系统库中的parse函数所在的系统库文件json2.j s
杨教授工作室版权所有7 盗版必究 7/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
</script>
3、在Web项目中添加处理客户端请求的服务器端后台的DoAjaxRespons e Se rvlet程序代码
1 添加一个类名称为DoAjaxResponseServlet的J2EE Servlet程序程序包名称为com.bluedream.ajaxjsondemo.servlet
2设置向DoAjaxResponseServlet程序请求的URL-pattern为doajaxResponseServlet
杨教授工作室版权所有8 盗版必究 8/13页
杨教授工作室精心创作的优秀程序员职业提升必读系列资料
3编程DoAjaxResponseServlet程序的各个功能方法package com.bluedream.ajaxjsondemo.servlet;import java.io.IOException;import j ava.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class DoAjaxResponseServletextends HttpServlet {public DoAjaxResponseServlet () {supe r();
}public void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException, IOException{re spo nse.se tC onte ntTyp e("te xt/html;c harse t=GBK");
PrintWriter o ut=respo nse.getWriter();
杨教授工作室版权所有9 盗版必究 9/13页
- 教授跟我学JSON相关技术及在项目中的应用示例——在JavaScript程序中向Web服务器端程序发送JSON对象字符串的应用示例相关文档
- 服务器Foxmail不能正常收发邮件解决办法(包括跟“服务器”“ssl”有关的各种错误提示)
- 收件【2017年整理】Foxmail不能正常收发邮件解决办法(包括跟“服务器”“ssl”有关的各种错误提示)
- 服务器采购3台HP服务器每台服务器加2块硬盘硬盘容量跟服务器的标配
- 单击windowsserver2003中配置打印机跟打印机服务器设置
- 对象跟我学JSON相关技术及在项目中的应用示例——应用JSon实现Web客户端和服务器端系统之间交换数据的应用示例
- 教授跟我学如何在MyEclipse开发工具中配置Tomcat服务器
硅云香港CN2+BGP云主机仅188元/年起（香港云服务器专区）
硅云怎么样?硅云是一家专业的云服务商，硅云的主营产品包括域名和服务器，其中香港云服务器、香港云虚拟主机是非常受欢迎的产品。硅云香港可用区接入了中国电信CN2 GIA、中国联通直连、中国移动直连、HGC、NTT、COGENT、PCCW在内的数十家优质的全球顶级运营商，是为数不多的多线香港云服务商之一。目前，硅云香港云服务器，CN2+BGP线路，1核1G香港云主机仅188元/年起，域名无需备案，支持个...
JUSTG（5.99美元/月）最新5折优惠，KVM虚拟虚拟512Mkvm路线
Justg是一家俄罗斯VPS云服务器提供商，主要提供南非地区的VPS服务器产品，CN2高质量线路网络，100Mbps带宽，自带一个IPv4和8个IPv6，线路质量还不错，主要是用户较少，带宽使用率不高，比较空闲，不拥挤，比较适合面向非洲、欧美的用户业务需求，也适合追求速度快又需要冷门的朋友。justg的俄罗斯VPS云服务器位于莫斯科机房，到美国和中国速度都非常不错，到欧洲的平均延迟时间为40毫秒，...
Sharktech10Gbps带宽，不限制流量，自带5个IPv4，100G防御
Sharktech荷兰10G带宽的独立服务器月付319美元起，10Gbps共享带宽，不限制流量，自带5个IPv4，免费60Gbps的 DDoS防御，可加到100G防御。CPU内存HDD价格购买地址E3-1270v216G2T$319/月链接E3-1270v516G2T$329/月链接2*E5-2670v232G2T$389/月链接2*E5-2678v364G2T$409/月链接这里我们需要注意，默...
