欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery实现AJAX异步通信的的三种方式

程序员文章站 2022-07-12 19:15:13
...

AJAX:Asynchronous JavaScript And XML 是一种实现客户端与服务器异步请求的一种通信方式,无需加载整个网页情况,实现对网页部分界面的进行更新。

JQeury实现AJAX请求方式一:

$.ajax()
例子:

$.ajax({
url:"user",//请求路径
type:"POST" //or"GET"的请求方式
data:{"username":"username","password":"password"}//请求的参数
success:function(data){
if(data){//回调函数
alert("登录成功");
}else{
	alert("登录失败");
}
}
error:function(){//请求错误
alert("请求出错")
}
})

JQeury实现AJAX请求方式二:

$.get()
$.get(url, [data], [callback], [type])
例子:
$.get("user",{username:username,password:password},function(data){
if(data){
alert("登录成功');
}else{
alert("登录失败")}
},“json”);

JQeury实现AJAX请求方式三:

$.postt()
$.post(url, [data], [callback], [type])
例子:
$.post("user",{username:username,password:password},function(data){
if(data){
alert("登录成功');
}else{
alert("登录失败")}
},“json”);
相关标签: ajax jquery