使用步骤:
1.首先,需要导入Jquery包
2.关于同步异步:
设置
- async:true:异步
重新分配线程给ajax执行后台代码,主线程继续执行。并发 - async.false:同步
不会单独分配给ajax执行,主程序按顺序执行,下边的代码等待排队。
$.ajax({
url:服务器地址,
请求方式:get|post,
data:请求数据,
dataType:返回数据, //后台接受数据方式 text:接收普通文本 json:接收Json格式的文本
async:true,
success:function(result,testStatus)
{
},
error:function(xhr,errrorMessage,e){
alert("系统异常!");
});
get请求方式
$.get(
服务器地址,
请求数据,
function (result){
},
预期返回值类型(string\xml)
);
post请求方式
$.post(
服务器地址,
请求数据,
function (result){
},
"xml" 或 "json" 或 "text"
);
这个更加省略,直接将后台返回数据加载到Jquery选择器选择的元素中。
String mobile = request.getParameter("mobile") ;
//假设此时 数据库中 只有一个号码:18888888888
// if(mobile.equals("18888888888")) {
PrintWriter out = response.getWriter();
if("18888888888".equals(mobile)) {
//return true ;
// out.write("true");//servlet以输出流的方式 将信息 返回给客户端
out.write("此号码已存在!");
}else {
//return false ;
// out.write("false");
out.write("注册成功!");
}
out.close();
$(xxx).load(
服务器地址,
请求数据
);
load:将服务端的返回值 直接加载到$(xxx)所选择的元素中
$.getJSON(
"MobileServlet",
{"mobile":$mobile},
function (result){//msg:true|false
alert(123);
if(result.msg == "true"){
alert("已存在!注册失败!");
}else{
alert("注册成功!");
}
}
);