jQuery 对Ajax进行了封装,封装了多个函数,可以简单的实现Ajax功能
$.ajax函数 实现注册的异步校验
$.ajax({
type:"GET",
url:"AdminServlet",
data:"loginId="+id,
dataType:"text",
success:function(d){
if(d=="yes"){
sp.css("color","green").html("用户名可用");
}else{
sp.css("color","red").html("用户名已存在");
}
}
});
$.get函数 实现注册的异步校验
这是一个简单的 GET 请求功能以取代复杂
.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用
.ajax。
$.get(
"AdminServlet", // URL路径
{loginId:id}, //参数
function(d){ //回调函数
if(d=="yes"){
sp.css("color","green").html("用户名可用...");
}else{
sp.css("color","red").html("用户名已存在...");
}
},
"text"
);
$.getJSON函数 加载页面时,异步请求数据
通过 HTTP GET 请求载入 JSON 数据。在 jQuery 1.2 中,您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据,
Json(JS对象标记),与XML类似,是一种轻量级的数据交换格式,
JSON 语法:{”键”:”值”,”键”:”值”},这就是一个Json对象。
Json数组:{”city”:[{”键”:”值”,”键”:”值”},{”键”:”值”,”键”:”值”},{”键”:”值”,”键”:”值”}]}
访问方式:对象.键. 对象[i].键。
jQuery.getJSON(url, [data], [callback])
参数:
url,[data],[callback] String,Map,FunctionV1.0
url : 发送请求地址。
data : 待发送 Key/value 参数。
callback : 载入成功时回调函数。
$(function(){
$.getJSON("UserServlet",function(data){
var tal=$(".table");
for(var i= 0;i<data.length;i++){
$tr = $("<tr><td>"+data[i].id+"</td><td>"+data[i].pwd+"</td></tr>");
tal.append($tr);
}
});
});
<body>
<table class="table">
<tr>
<th>账号</th>
<th>密码</th>
</tr>
</table>
</body>