AjaxHacks-hack7接收JSON格式的数据.docVIP

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”,“appli