教授跟我学JSON相关技术及在项目中的应用示例——在JavaScript程序中向Web服务器端程序发送JSON对象字符串的应用示例

跟服务器  时间:2021-05-02  阅读:()

杨教授工作室精心创作的优秀程序员职业提升必读系列资料

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页

展开全文

蓝速数据（58/年）秒杀服务器独立1核2G 1M

蓝速数据金秋上云季2G58/年怎么样?蓝速数据物理机拼团0元购劲爆?蓝速数据服务器秒杀爆产品好不好?蓝速数据是广州五联科技信息有限公司旗下品牌云计算平台、采用国内首选Zkeys公有云建设多种开通方式、具有IDC、ISP从业资格证IDC运营商新老用户值得信赖的商家。我司主要从事内地的枣庄、宿迁、深圳、绍兴、成都（市、县）。待开放地区：北京、广州、十堰、西安、镇江（市、县）。等地区数据中心业务，均KV...

咖啡主机22元/月起,美国洛杉矶弹性轻量云主机仅13元/月起,高防云20G防御仅18元/月

咖啡主机怎么样?咖啡主机是一家国人主机销售商，成立于2016年8月，之前云服务器网已经多次分享过他家的云服务器产品了，商家主要销售香港、洛杉矶等地的VPS产品，Cera机房 三网直连去程 回程CUVIP优化 本产品并非原生地区本土IP，线路方面都有CN2直连国内，机器比较稳定。咖啡主机目前推出美国洛杉矶弹性轻量云主机仅13元/月起,高防云20G防御仅18元/月;香港弹性云服务器，香港HKBN CN...

Sharktech：鲨鱼机房1Gbps无限流量美国服务器;丹佛$49/月起,洛杉矶$59/月起

sharktech怎么样?sharktech鲨鱼机房(Sharktech)我们也叫它SK机房，是一家成立于2003年的老牌国外主机商，提供的产品包括独立服务器租用、VPS主机等，自营机房在美国洛杉矶、丹佛、芝加哥和荷兰阿姆斯特丹等，主打高防产品，独立服务器免费提供60Gbps/48Mpps攻击防御。机房提供1-10Gbps带宽不限流量服务器，最低丹佛/荷兰机房每月49美元起，洛杉矶机房最低59美元...

跟服务器为你推荐
win10445端口怎么样打开电脑10800端口itunes备份怎么使用iTunes备份micromediaMacromedia Fireworks 8是什么东西，怎么用？win7还原系统电脑怎么恢复出厂设置win7旗舰版win7还原系统windows7怎么还原系统啊苹果5.1完美越狱iOS5.1.1完美越狱教程chrome17谁能告诉我现在的Chrome17.0.9和Chrome稳定版有什么不同?winrar5.0安装了winrar5.0,但是打不开rar文件搜狗拼音输入法4.3搜狗拼音输入法打字出了问题ios11.0.2ios11.0.2 怎么降级
虚拟主机代理 武汉域名注册 已备案未注册域名 godaddy域名解析教程 樊云 外贸主机 ix主机 mediafire cdn服务器 kddi 阿里云代金券 建站代码 最好的免费空间 qq云端 鲁诺 卡巴斯基是免费的吗 免费mysql数据库 台湾google 阿里云官方网站 我的世界服务器ip 更多
赞助商
镜像 旧金山 硬盘 流量 腾讯 安徽 沙田 亚特兰大 重启 防御 备份 摩尔多瓦 加利福尼亚州 台湾 韩国 机房 华为 罗马尼亚 东京 路由器 德阳 计费 港币 服务器 邦联 无限 数据 节点 芝加哥 新加坡 内存 欧洲 虚拟主机 保加利亚 免费版 荷兰 联通 磐石 宿迁 拉斯维加斯 解析 迁移 阿里 香港 俄罗斯 深圳 新网 公网 德克萨斯州 西伯利亚