$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中
软件0801班
(4)编写PHP:student_select.php,接收客户端提交的cid,返回指定班级中的,以JSON格式: [{},{},{}]
(5)修改HTML:qinghua.html,为select做事件绑定,选项改变,异步请求选定班级中的学生,显示在table中
复习:
见思维导图
练习:学生按分数级别显示
(1)编写SQL:tarena.sql,表student(sid, sname, pic, scoreGrade(A-B-C-D)),插入12条记录
(2)编写PHP:student_select.php,根据客户端请求分数级别,返回该级别下有哪些学生,以JSON格式
(3)编写HTML:student.select.html,页头提供ABCD四个级别,鼠标悬停在某个级别上,立即异步请求该级别有哪些学生
今日目标:
(1)PPT上的小知识点拾遗
(2)AJAX阶段项目 —— 重点
1. JS中如何处理JSON字符串
把JSON格式的字符串解析为JS对象:
var str = ‘{"ename":"Tom", "age":20}‘;
var obj = JSON.parse(str); //方法1
var obj = eval( ‘(‘+str+‘)‘ ); //方法2,不推荐使用
把JS对象编码为JSON字符串:
var obj = {ename:‘Tom‘, age: 20};
var str = JSON.stringify(obj);
-ify: 使变为..., sheepify stoneify frogify
=================================
PHP中把数组编码为JSON字符串:
$list = [{},{},{}];
$str = json_encode( $list );
PHP中JSON字符串解析为PHP数组/对象:
$str = ‘{"ename":"Tom", "age":20}‘;
$obj = json_decode( $str );
2.面试题:跨域请求和JSONP
Cross Domain Request:从一个资源请求另一个资源,二者所在的请求地址不同,域名不同、端口号不同、请求协议不同。
提示:localhost和127.0.0.1也算跨域!
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-79238-11.html