- 1、本文档共9页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
AjaxHacks-hack7接收JSON格式的数据.
Ajax Hacks-hack7接收JSON格式的数据
怎样才能使用Ajax从服务器接收js对象数据呢?你可以使用一种叫javascript 对象符号的格式接收数据。本hack讲述用户输入信息,从服务器得到JSON格式的响应数据。JSON很普通而直观,这也许是许多开发者喜欢使用的原因吧。一个例子就是,服务器程序从服务器得到信息,然后以JSON格式返回给web页面。JSON格式的数据描述如下:左大括号“{”一个或多个属性名,以冒号隔开的对应的值,以逗号隔开的属性/值对。右大括号 “}”每个属性的值可以是:简单的字符串,例如 “hello” 数组,例如 [1,2,3,4] 数字true, false, 或 null 其他对象,组合的,或者对象中还有对象。详细信息请访问:在JavaScript中,对象的格式是严格的。作为一个例子,在hack2中的请求信息改写为JSON格式为:{firstname:“Bruce”,lastname:“Perry”,gender:“M”,country:“USA”}
Magic JSON在这一部分里,我们还使用hack2中的例子,只是处理的数据是JSON格式的数据。页面的html代码如下:
“/TR/1999/REC-html401strict.dtd”
A Few Facts About Yourself...
窗体顶端
javascript:void%200
First name:
Last name:
Gender:
Country of origin:
Send Data
脚本标记引入的js文件为hack5.js。JS将用户输入的值发送到服务器;这些都已经在hack2等节介绍过了,这里就不详细解释了。
当js处理返回值的时候,需要注意XSS攻击。这对于那些使用eval或其他相关函数来说是一个潜在的威胁。
作为一个相应的措施,在函数eval使用responseText之前,客户端代码可以过滤并检测返回值(即,通过检查XMLHttpRequest responseText属性)
下面是hack的代码,我们将着重关注处理返回值部分的代码:
var request;var queryString; //保存POSTed 数据
function sendData( ){setQueryString( );url=“/s/json”;httpRequest(“POST”,url,true);}
//event handler for XMLHttpRequestfunction handleJson( ){if(request.readyState == 4){if(request.status == 200){var resp = request.responseText;var func = new Function(“return ”+resp);var objt = func( );var div = document.getElementById(“json”;stylizeDiv(resp,div);div = document.getElementById(“props”;div.innerHTML=”
In object form...
+”
Properties
firstname= +objt.firstname lastname=objt.lastname+ ”gender=+objt.gender+ ”country=+objt.country;} else {alert(“A problem occurred with communicating between ”+“the XMLHttpRequest object and the server program.”;}}//end outer if}
/* Initialize a request object that is already constructed */function initReq(reqType,url,bool){/* Specify the function that will handle the HTTP response */request.onreadystatechange=handleJson;request.open(reqType,url,bool);request.setRequestHeader(“Content-Type”,
文档评论(0)