Ajax 使用案例

参数为form表单

httpService.get = function(url, data, successFunc) {
    data.page = null;
    return $.ajax({
        type: "GET",
        url: url,
        data: data,
        success: function(data) {
            successFunc(data);
            $scope.$apply()
        },
        error:function(data){
            successFunc(data);
            $scope.$apply()
        },
        cache: false,
        crossDomain: true,
        contentType: "application/x-www-form-urlencoded",
        timeout: 60000,
        dataType: "json"
    })
}

参数为form表单

$.ajax({
    type: "GET",
    url: "/user/upload",
    //data:{"id":3},     // data参数是可选的，有多种写法，也可以直接在url参数拼接参数上去，例如这样：url:"getUser?id="+val,
    data: "id=3",
    async: true,   // 异步，默认开启，也就是$.ajax后面的代码是不是跟$.ajx里面的代码一起执行
    cache: true,  // 表示浏览器是否缓存被请求页面,默认是 true
    dataType: "json",   // 返回浏览器的数据类型，指定是json格式，前端这里才可以解析json数据
    success: function (data) {
        console.log(data);
    },
    error: function () {
        console.log("发生错误")
    },
    complete: function () {
        console.log("ajax请求完事，最终操作在这里完成")
    }
});
//alert("测试异步")

参数为 json

$(function () {
    //请求参数
    var list = {name: "zhangsan"};
    //
    $.ajax({
        //请求方式
        type: "POST",
        //请求的媒体类型
        contentType: "application/json;charset=UTF-8",
        //请求地址
        url: "/user/upload",
        //数据，json字符串
        data: JSON.stringify(list),
        //请求成功
        success: function (result) {
            console.log(result);
        },
        //请求失败，包含具体的错误信息
        error: function (e) {
            console.log(e.status);
            console.log(e.responseText);
        }
    });
});