jQuery ajax 框架

 

　　1，load()方法

 

　　作用：用于载入远程的HTML代码并插入至DOM中

 

　　实例：

 

　　$("#hello").load("text.html");

 

　　2,get方法

 

　　get()方法通过http get请求从服务器上请求数据

 

　　语法：$.get(URL，data,callback)

 

　　其中：url(String) 请求的html页的URL地址

 

　　data:传递的数据

 

　　callback(data,status):请求完成时的回调函数,data指从服务器响应的地址，status

 

　　指服务器请求的响应状态

 

　　3，post方法

 

　　post()方法从服务器上的一个文件中取回数据

 

　　其语法跟get类似

 

　　4，serizlize方法

 

　　作用：用于将表单中的元素名称和值转换成URL参数格式，

 

　　语法: $().serizlize()

 

　　实例：$("#form1").serizlize();

 

　　表示把表单名称为form1的元素名称和值序列化

 

　　5，ajax()方法

 

　　其中常见参数：

 

　　url---- 发送请求的地址

 

　　type----请求方式：get 和post

 

　　timeout---设置请求超时时间

 

　　async----默认为true表示为异步请求，若为false则为同步请求

 

　　beforeSend---发送请求前触发该事件

 

　　cache-----默认为true若为false将不会从浏览器缓存中加载请求信息

 

　　complete---请求结束后触发该事件

 

　　contentType----发送信息至服务器时内容编码的类型

 

　　data----发送到服务器的数据

 

　　dataType---预期服务器返回的数据类型

 

　　error-----请求失败时调用该方法

 

　　global---设置为false将不会触发全局ajax事件

 

　　ifModified---仅在服务器数据改变时获取新数据

 

　　processData---发送的数据将被转换为对象

 

　　success-----请求成功后回调函数

 

　　实例：

 

　　$(document).ready(function(){

 

　　$("input[type=button]").click(function(){//执行完html时加载

 

　　$.ajax({ //调用ajax方法

 

　　type:"post",

 

　　data:{username:$("#username").val(),password:$("#password").val()},

 

　　url:"Login",

 

　　async:true,

 

　　success:suc,

 

　　error:err

 

　　});

 

　　});

 

　　});