新手上路之AJAX AJAX笔记小结

一、AJAX

一 认识

1、概念（认识）：异步请求，局部刷新
2、传统请求比较， 优势，局限性
优势：减少带宽,提高用户的体验度,更加人性化。。。。
局限性：当请求和相应数据比较多时，在使用ajax就显得不那么方便,有优势了.

二 原生AJAX的使用

1、创建对象（XMLHttpRquest）
createXMLHTTP()
2、向服务器提出请求
xhr.open(method, url, async)
3、发送请求
xhr.send(null)
4、设定回调函数
xhr.onreadystatechange = function(){
xhr.responseText; // 服务器端响应回来的数据
}

二）、封装ajax
1、创建XMLHttpRequest
2、function ajax(config){
// 利用config的属性填充 send(),onreadystatechange(){config.success}
// 回调后来其实调用的是config.success
}
准备var configreal = {
method:
url:
success:function(data){
test(data);
}
}
3、调用ajax(configreal)
4、function test(data){
// 自己的处理操作
}

三 jQuery的AJAX

前台请求途径，方法：1、$.ajax()    2、$.get()                  3、$.post()4、$.getJSON()后台响应的方式，要求：1、方式： getOutputStream, getWriter2、通常都是用JSON串，字符串->JSON串； javaBean->JSON串

四 ajaxForm 插件的使用

1、引入ajaxform.js2、构造参数 options  {…..}3、ajaxForm();

五 JSON

就是一串具有特殊格式的（键值对，用=隔开，）字符串

1、解析javabean对象， 变成json串
gson
1）、导入相应的jar包
2）、创建Gson对象 调用相应的方法执行

将javaBean  -> JSON串   将JSON串   -> javaBean

fastJson
1）、导入相应的jar包
2）、调用相应的方法
将javaBean -> JSON串
将JSON串 -> javaBean