首页 > 代码库 > AJAX介绍

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

AJAX介绍