(4)对象中可以包含多个键值对,键必须用双引号,值若是字符串也必须用双引号
9.使用XHR接收五种响应——application/json
服务器端:
header(‘Content-Type: application/json;charset=UTF-8‘);
$arr = ....;
$str = json_encode($arr); //把PHP数组转换为JSON字符串
echo $str;
客户端:
JSON.parse( xhr.responseText ); //把JSON字符串解析为JS对象
=============================
10.ES6中新的字符串
var str = `
phone=${p}&pwd=${w}
`;
反引号字符串可以换行;可以包含${}的变量或表单式。
课下练习:
功能要求:
(1)编写SQL,名: tarena,员工信息表emp(eid,ename,pic, salary,deptID),保存多个员工的信息;
(2)编写PHP,emp_select.php,根据客户端提交的部门编号(deptID),返回该部门下的员工信息;
(3)编写HTML,emp_select.html,下拉框中选择不同的部门,则下方的员工列表显示出该部门的员工信息;
select.onchange = function(){ this.value }
(4)点击“删除”,发起异步请求删除该员工信息,服务器返回删除成功信息后,前端页面将表格中的当前行删除。
复习:
AJAX:向服务器发起异步HTTP请求,接收处理返回的响应消息,目标是实现页面在无刷新无提交情况下页面内容的局部更新。
使用AJAX发起两种请求消息:
GET://1 //2 //3 //4
POST : //1 //2 //3 //3.5 //4
使用AJAX接收五种响应消息:
(1)text/plain
服务器端:
header(‘Content-Type: text/plain‘);
echo ‘succ‘;
客户端:
if(xhr.responseText===‘succ‘){ ... }
(2)text/html
服务器端:
header(‘Content-Type: text/html‘);
echo "
$data";客户端:
tbody.innerHTML = xhr.responseText
(3)application/javascript
服务器端:
header(‘Content-Type: application/javascript‘);
echo "alert($data); f1(); f2($data)";
客户端:
eval( xhr.responseText )
(4)application/xml
服务器端:
header(‘Content-Type: application/xml‘);
echo "$b";
客户端:
var document = xhr.responseXML
(5)application/json
服务器端:
header(‘Content-Type: application/json‘);
//echo "[ {"bname":"","price":35.5},{} ]";
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-79238-10.html