jQuery ajax框架常用方法总结

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

       });                  

    });
});