1、使用XHR接收服务器返回的数据——text
服务器端:
header('Content-Type:text/plain');
echo 'xxx';
客户端:
xhr.responseText;
2、使用XHR接收服务器返回的数据——html(标签片段)
服务器端:
header('Content-Type:text/html');
echo '<li>xxx</li>';
客户端:
ul.innerHTML=xhr.responseText;
3、使用XHR接收服务器返回数据——script
服务器端:
header('Content-Type:application/javascript');
echo "alert(xxx);alert(xxx)";
客户端:
eval(xhr.responseText);
4、使用XHR接收服务器返回的数据——XML
XML:eXtensible Markup Language,可扩展标记语言;
服务器端:
header('Content-Type:application/xml');
echo "<productList><product></product></productList>";
客户端:
var document=xhr.responseXML;
5、使用XHR接收服务器返回的数据——json
JSON:JavaScript Object Notation,JS对象表示法,字符串数据格式;
数据可以是数组或对象;数据类型有数字、字符串、布尔和null;字符串必须使用双引号;对象属性名必须使用双引号;根元素只能有一个;
服务器端:
header('Content-Type:application/json');
$list=[...];
echo json_encode($list);//将PHP数组编码为JSON字符串
客户端:
JSON.parse(xhr.responseText);
相关文章
- SpringBoot+Netty实现TCP客户端实现接收数据按照16进制解析并存储到Mysql以及Netty断线重连检测与自动重连
- 交易系统之数据库弱依赖解决方案
- 数据结构之单向不循环链表
- 量化交易之数字货币篇 - 通过时间戳与方向来合并逐笔成交数据(大单合并)
- MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统(3)-系统数据集合设计
- 【大数据之数据仓库】GreenPlum优化器对比测试
- 40.VUE学习之--组件之间的数据传参父组件向子组件里传参,props的使用实例操作
- 数据结构(java)之队列
- 【Java数据结构学习笔记之三】Java数据结构与算法之队列(Queue)实现
- 【Java数据结构学习笔记之二】Java数据结构与算法之队列(Queue)实现