◆ ajax方法:
$.ajax()
$.get() #使用 AJAX 的 HTTP GET 请求从服务器加载数据
$.post() #使用 AJAX 的 HTTP POST 请求从服务器加载数据
注:建议让服务器端返回一个字典
◆ 常用参数:
url:规定发送请求的 URL。默认是当前页面。
type:规定请求的类型(GET 或 POST)。
dataType:预期的服务器响应的数据类型。
data:规定要发送到服务器的数据。
traditional:布尔值,规定是否使用参数序列化的传统样式。
success(result,status,xhr):当请求成功时运行的函数。
error(xhr,status,error):如果请求失败要运行的函数。
注:data: $(’’).serialize()可以将表单中的所有信息序列化后传到后端
◆ 示例:
点击ajax按钮,向后端发送请求,并对返回的信息进行处理。
$(function(){
$('#ajax_submit').click(function(){
$.ajax({
url: "/test_ajax",
type: 'POST',
//data: {'user': 123,'host_list': [1,2,3,4]},
data: $('#test_form').serialize(),
success: function(data){
var obj = JSON.parse(data);
if(obj.status){
location.reload();
}else{
$('#erro_msg').text(obj.error);
}
}
})
});
使用dataType和traditional参数处理json返回,后端返回的数据直接转化成json对象处理。
$('#ajax_submit').click(function(){
$.ajax({
url: '/test_ajax',
data: $('#add_form').serialize(),
type: "POST",
dataType: 'JSON',
traditional: true,
success: function(obj){
console.log(obj);
},
error: function () {
}
})
})