AJAX介绍

一. 简单使用

1. post请求和get请求获取服务器当前时间。

2. post请求传参和get请求传参方式不同。

       （1）get直接在URL中传参就可以（xhr.open("get", "GetTime.ashx?name=huoaa", true);）。

       （2）post传参需要设置表单传送数据的编码方式（xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");），然后再send中传参（xhr.send("name=huoaa");）。

二. Json数据格式

1. 格式：[{“id”:1,”name”:”1班”},{“id”:2,”name”:”2班”},{“id”:3,”name”:”3班”}]

2. 标准的json格式，里面字符串必须是双引号，如果为单引号，则为JS的自变量表示法（可以用eval()和JSON.parse()解析），而标准json格式只能用JSON.parse解析。

3. json其实是一种数据传输的格式（json格式满足js自变量表示法语法），浏览器和服务器端实际不存在所谓的json对象（其实就是js对象）。

三. 解决方案文件夹

四. CodeSmith代码生成器

五. AJAX增删改查

关键步骤：

1. 代码生成器的使用。

2. json序列化生成器。

3. 封装AJAX异步请求，JsHelper。（浏览器兼容方式创建异步对象）

4. 要拿到异步对象，闭包?？？？

5. 修改界面html的布局。（HTML的调试）

6. 显示正在加载。

7. 分页存储过程-AjaxPageData-页码条JS。

 

 

小案例：

获取服务器时间

生成下拉列表

CRUD