1 方式一:
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。语法:
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 $.post() 连同请求一起发送数据:
前台页面:
<script type="text/javascript" src="js/jquery-3.0.0.js"></script>
<script type="text/javascript">
$(function(){
$("#txtName").blur(function(){
$.post("ajax.do",{'name':$("#txtName").val()},function(data){
alert(data);
});
});
});
</script>
</head>
<body>
用户名:<input type="text" id="txtName"/>
</body>
请求的键值对也可是如下的写法:
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
后台代码:
@Controller
public class AjaxController {
@RequestMapping("/ajax")
public void ajax(String name,HttpServletResponse resp) throws IOException{
if("siggy".equals(name)){
resp.getWriter().println("true");
}
else{
resp.getWriter().print("false");
}
}
}
2 方式二:
Jquery.get方式:
jQuery $.get() 方法
方法通过 HTTP GET 请求从服务器上请求数据。
语法:
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
下面的例子使用 get() 方法从服务器上的一个文件中取回数据:
实例
$("button").click(function(){
$.get("demo_test.asp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
后台代码略。
3 load()方法
参数与上相同:
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示“外部内容加载成功!”,而如果失败,则显示错误消息:
实例:
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
3 发送Json数据
//测试POST请求
var businessUrl="/publicCustomerArea/getPublicCustomerAreaPage";
var url02=BASE_URL+businessUrl+"?sig="+SIG;
console.log()
var json={"sid":sid};
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(json),
dataType: "json",
url: url02,
beforeSend: function(xhr){
xhr.setRequestHeader('Accept', 'application/json; charset=utf-8');
xhr.setRequestHeader('Authorization', Authorization);
},
success: function(result) {
console.log(result);
}
});
部分参考:http://www.w3school.com.cn/jquery/jquery_ajax_get_post.asp