问题所在：

当我们想让应用层和超文本传送协议(超文本传输协议的缩写)之间的所有接口都采用json，这样，客户端代码就可以纯碎用爪哇岛描述语言的对象来编写，服务器打啊也可以纯粹的用爪哇的对象来编写。

我们使用的是邮政请求的方法，有些不同于得到的方法！

客户端超文本标记语言代码：

htmlheadtitleHello Ajax版本5a/title style type=' text/CSS ' * { font-family : Tahoma，Arial，sans-serif；} # helloTitle { color: # 48f}。侧边栏{底色： # ADF颜色：海军；border:纯蓝1px宽度： 180像素；高度： 200像素；padding: 2pxmargin: 3px向左浮动：}/style脚本类型=' text/JavaScript ' src=' prototype。js '/script脚本类型=' text/JavaScript ' src=' JSON。js '/script脚本类型=' text/JavaScript '窗口。onload=function(){ $(' helloBtn ').onclick=function(){ var name=$(' hello XT ').价值；新的Ajax .Request('hello5a.jsp '，{ PostBody : JSon。stringify({ name : name })，OnPlete : FuncTion(xhr){ var response Obj=JSON。解析(xhr。响应文本)；更新(响应obj)；} } );} }函数更新{ $('helloTitle ').innerHTML='h1Hello，I ' obj。名称'/I/h1 '；var likesHTML='h5' obj.initial '赞./H5人力资源/'；for(var I=0；iobj。喜欢。长度；I){ likesHTML=obj。喜欢[我]‘br/’；} $('likesList ').innerHTML=likesHTMLvar食谱html=' H5 ' obj。首字母' '最喜欢的食谱/H5 '；键入obj。工厂){菜谱html=key ' : ' obj。工厂[key]' br/'；} $('ingrList ').innerHTMl=recipeHTMl }/script/headly div id=' likesList ' class='侧栏H5喜欢/H5人力资源div id=' ingrList ' class='侧栏H5配料/H5人力资源div id=' hello title ' h1你好，陌生人/h1/div应用请在下面的框中输入你的名字/pinput type=' text ' size=' 24 ' id=' hello text '/输入按钮id=' hello obtn ' submit/button/div/body/html JSP代码：

JSP :直接激活。页面内容类型='应用程序/JavaScript '导入=' Java。乌提尔。*，净。SF。JSON。*/%//读取请求正文字符串JSON=请求。getreader().readLine()；//读取邮政请求主体JSON对象JSON对象=新的JSON对象(JSON)；//解析数据字符串字符串名称=(字符串)(JSonobj。get(' name ')；//读取解析后的对象jsonObj.put('initial '，name.substring(0，1).toUpperCase())；//添加新的值字符串[]赞=new String[]{ 'JavaScript '，'滑雪','苹果派' };jsonObj.put('喜欢，喜欢);地图成分=new HashMap()；食材。放入('苹果',' 3公斤');配料。放入("糖","1公斤");配料。放入('糕点',' 2.4公斤');食材。摆放(' bestEaten '，'户外');jsonObj.put('食材，食材);%%=jsonObj%！-以数据的形式输出对象-另外我们还要用到包装集：

原型。射流研究…和json.js

效果如下：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。如果你想了解更多相关内容请查看下面相关链接