.post与 .ajax,ajax与jquery的重要应用$.post(),$.ajax()

使用$.ajax()进行交互

$(function(){

//失去焦点向服务器发起请求

$("input[name='username']").blur(function(){

//向服务器发送Ajax请求

$.ajax({

//请求的url

url:"${pageContext.servletContext.contextPath}/one",

//请求方式

type:"post",

// 发送的数据,json类型,username是servlet接收的数据

data:{

"username":$("#username").val()

},

//服务器返回的数据类型

dataType:"json",

success:function(data){

//data = {"flag":1};将返回的data数据的属性读出来

var flag = data.flag;

if(flag==1){

//此用户存在

$("#errInfo").text("存在此用户");

}

}

});

});

});

$.post()传递数据

$(function(){

$("#btnLogin").click(function(){

// 必需的URL 参数规定您希望请求的 URL。

$.post("${pageContext.servletContext.contextPath}/two",

// 下面这种方法参数多的话就用表单序列化

/* {"username":$("input[name='username']").val()

"password":$("input[name='username']").val()

}，

*/

//表单序列化

/* 执行表单序列化的方法后，将表单的数据

username=admin&&pwd=1&&sex=1 */

//可选的data 参数规定连同请求发送的数据

$("#form1").serialize(),

// 可选的callback 参数是请求成功后所执行的函数名

function(data){

alert(data);

},

"json");

})

})

链接：https://pan.baidu.com/s/18QhUVrTK-p85x7BNY0mb3A

提取码：bxl2