$.ajax平常用在那些地方,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

});

});

});