js如何定义一个字符串长度第一关： HTML(3)、CSS((11)

$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>

</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