Ajax_03之接收数据

时间:2021-01-04 17:45:24

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);