详解jQuery中关于Ajax的几个常用的函数

2024-01-27 23:50:03 134

一：

AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

什么是AJAX？

AJAX=异步JavaScript和XML。

AJAX是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用AJAX的应用程序案例：新浪微博、Google地图、开心网等等。

二：传统的Ajax过于繁琐，jquer封装了一些ajax常用的简单函数。

a： $.ajax()方法：

jsp页面代码：


Ajax验证


$(function(){
$("[name='userName']").blur(function(){
$.ajax({
type:"post",
url:"/TestServlet",
data:{action:"login"},//data传递的参数一般都是key：“value”类型的value一定要加引号我亲身体验那种找不到错的感觉
//dataType:'Text',//servers返回的格式也可以是gjon
success:function(data){
if(data=="success"){
alert(data);
$("#myspan").html(data);
}
},
error:function(){//这个用的比较少
}
})
})
})



姓名：
密码:

servlet后台代码：

publicclassTestServletextendsHttpServlet{
protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
Stringname=request.getParameter("action");
System.out.println(name);
if(name.equals("login")){
response.getWriter().write("success");//返回回掉函数的参数
}else{
response.getWriter().write("file");
}
}

b：$.get(),$.post()和$.getJson方法都是$.ajax()方法的精简版，用法大致一致，少了一个type

$.post("/TestServlet",
{"uname":$('[name=uname]').val()},
function(data){
alert(data);
});

c:$.load()

$("#msg").load(//可以直接拿到文本框的值
"/TestServlet","action="+$('[name="userName"]').val()
);
//后台可以直接根据request.getParameter（）拿到参数的值

d:$(selector).serializeArray()和$(selector).serialize()

//这种方法可以直接获得form表单的name属性值，作为data的传参
vardata1=$("#form1").serializeArray();//自动将form表单封装成json
$.each(data1,function(i,dom){
alert(dom.name+"\r\n"+dom.value);
});
vardata2=$("#form1").serialize();
alert(data2);

e：作为data参数

vardata2=$("#form1").serialize();
$.getJSON("/TestServlet",data2,function(data){
alert(data);
});

以上所述是小编给大家介绍的jQuery中关于Ajax的几个常用的函数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

详解jQuery中关于Ajax的几个常用的函数

热门推荐

随机推荐