JQuery简单的AJAX调用

 

$.ajax()

提交AJAX请求

$.get()

使用get方式提交ajax

$.post

使用post方式提交ajax

load()

最简单的调用ajax的方式

serialize()

格式化form下的输入数据

完整的 $.ajax 参数比较复杂,这里采用了常见的调用方式。

$.ajax({

url: page,

data:{"name":value},

success: function(result){

$("#checkResult").html(result);

}

});

$.ajax采用参数集的方式 {param1,param2,param3} 不同的参数之间用,隔开
第一个参数 url:page 表示访问的是page页面
第二个参数 data:{name:value} 表示提交的参数
第三个参数 success: function(){} 表示服务器成功返回后对应的响应函数

$.get 是 $.ajax的简化版,专门用于发送get请求

$.get(

page,

{"name":value},

function(result){

$("#checkResult").html(result);

}

);


$.get 使用3个参数
第一个参数: page 访问的页面
第二个参数: {name:value} 提交的数据
第三个参数: function(){} 响应函数
只有第一个参数是必须的,其他参数都是可选

$.post 是 $.ajax的简化版,专门用于发送post请求

$.post(

page,

{"name":value},

function(result){

$("#checkResult").html(result);

}

);


$.post 使用3个参数
第一个参数: page 访问的页面
第二个参数: {name:value} 提交的数据
第三个参数: function(){} 响应函数
只有第一个参数是必须的,其他参数都是可选

猜你喜欢

转载自blog.csdn.net/huanniangyuan5422/article/details/81235363