Ajax_03之接收数据
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);