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

  1. 1、本文档共9页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 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 XMLHttpRequest function 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)

dashewan + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档