20150228--Ajax2-01

曾被大佬忽视的技术——Ajax下

目录

曾被大佬忽视的技术——Ajax下 1

一、Ajax中的Json 2

1、什么是Json 2

例1：用json来存储一个人的信息 2

例2：用json来存储多个人的信息 2

例3：通过php生成json对象 3

1）一维数组转json 3

2）多维数组的转json 3

例4：通过Ajax+json完成两个数的四则运算 3

例5：通过json获取数据库中的分类信息 5

二、Ajax框架的封装 6

1、考虑框架命名冲突 6

2、构造$函数获取DOM对象 6

3、把$声明为全局变量，供外部调用 6

4、创建Ajax对象 6

5、创建ajax的get请求 7

测试ajax中的get请求 8

6、封装ajax中的post请求 8

测试ajax中的post请求 8

7、解决get请求的缓存问题 8

8、解决返回值类型问题 8

Text文本类型： 9

XML类型： 9

JSON类型 10

三、案例大汇总 10

案例1：多级分类 10

案例2：快递查询 10

案例3：百度下拉搜索 12

案例4：Ajax+Smarty无刷新分页 13

一、Ajax中的Json

Ajax可以处理大批量的数据

Ajax  XML  XàXML

Ajaj  JSON    jàJson

1、什么是Json

Json是一组无序数据的集合

通过{}花括号进行标识，内部采用名/值对的形式进行存储

Json是Object类的实例

例1：用json来存储一个人的信息

例2：用json来存储多个人的信息

运行效果：

例3：通过php生成json对象

1）一维数组转json

生成结果：

2）多维数组的转json

生成结果：

例4：通过Ajax+json完成两个数的四则运算

demo02.html

demo02.php

运行结果：

例5：通过json获取数据库中的分类信息

demo03.html

demo03.php

运行结果：