echo "<tr><td>$data</td></tr>";
客户端:
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 "<bookList><book>$b</book></bookList>";
客户端:
var document = xhr.responseXML
(5)application/json
服务器端:
header(‘Content-Type: application/json‘);
//echo "[ {"bname":"","price":35.5},{} ]";
$list = ...;
echo json_encode($list);
客户端:
var obj = JSON.parse( xhr.responseText )
练习: 实现学生查询系统
(1)编写SQL:qinghua.sql,表qh_class( cid, cname, count ),插入三个班级(10/20/30);qh_student(sid, sname, score, classId),插入八九行记录
(2)编写PHP:class_select.php,向客户端输出所有的班级信息,以JSON格式: [{},{},{}]
(3)编写HTML:qinghua.html,页面加载完成(window.onload)后,异步请求,获取所有的班级信息,填充在一个select中
<select>
<option value="10">软件0801班</option>
</select>
(4)编写PHP:student_select.php,接收客户端提交的cid,返回指定班级中的,以JSON格式: [{},{},{}]
(5)修改HTML:qinghua.html,为select做事件绑定,选项改变,异步请求选定班级中的学生,显示在table中
<table>
<thead></thead>
<tbody></tbody>
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-79238-14.html
打得一拳开