Ajax请求数据并处理的笔记

本文介绍了使用AJAX处理不同格式的数据方法,包括XML、TXT及JSON格式的解析与操作技巧,并探讨了GET与POST请求的数据传递方式。

一.返回.xml

1.返回的响应头需要有Content-Type:text/xml,否则xhr.responseXML为null;
2.responseXML是xml的dom对象,可以dom操作处理数据
如:var person = xhr.responseXML.getElementsByTagName(“ARTIST”)[0].childNodes[0].nodeValue;

例:http://www.runoob.com/try/try.php?filename=tryajax_xml2

二.返回.txt

1.xhr.responseText,返回的是字符串,不能直接操作dom,但如果文档内容为“<p>~</p>”等字符串格式,可以用innerHTML直接插入文档变成dom节点
2.json数据一般也存储为.txt后缀,不一定要.json后缀

例:http://www.runoob.com/try/try.php?filename=tryajax_first

三.返回json数据

1.var obj =JSON.parse(xhr.resposneText)var obj = eval ("(" + txt + ")");转化为javascript对象

例:http://www.runoob.com/json/json-eval.html

更多例子参见菜鸟教程:
ajax:http://www.runoob.com/ajax/ajax-tutorial.html
json:http://www.runoob.com/json/json-tutorial.html

四.get,post发送给服务器的格式和浏览器接收到的格式的理解:

1.get在链接中传递数据,post在报文中传递数据,但对于后台而言,接收的都是字符串,都需要解析;
2.同理,后台发给浏览器的响应都只是字符串,.txt 和 .xml的后缀名,只是设置了content-type后告诉软件或操作系统的解析方式而已,所以浏览器才能用xhr.responseXML等来操作.xml的dom

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值