jQuery资料之ajax

◆ 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 () {
        }
    })
})