手记

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

       });                  

    });
});
10人推荐
随时随地看视频
慕课网APP