ajaxJson（常用）

最新推荐文章于 2024-07-12 20:03:50 发布

原创最新推荐文章于 2024-07-12 20:03:50 发布 · 727 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Json

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何利用Ajax实现JSON数据的发送与接收，并展示了如何将异步获取的数据填充到表格中显示的具体实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ajaxJson(method, url, data, callback) {
    var options = {
        type: method,
        url: url,
        dataType: 'JSON',
        traditional: true,
        contentType: "application/json; charset=utf-8"
    };
    if (typeof data === 'function') { // No data offered
        callback = data;
    } else { // Add data
        options.data = data;
    }
    options.success = function (msg) {
        return callback(null, msg);
    };
    options.error = function (err) {
        return callback(err);
    };
    $.ajax(options);
}

ajaxJson('POST', url, JSON.stringify(param), function(err, result){
　　//result or rsp

　　// if(SUCCESS){

　　//.......　　

　　}else{

　　//.......

　　}
});

——————————————————————————————————————————————————————————————————————

//DateTables (ajax) 异步获取数据填充到表格显示(ajax)


ajax: function (data, callback, settings) {
    //封装请求参数
    var param = {
        "page": {
 
        }
    };
    $.ajax({
        type: "POST",
        url: url,
        data: JSON.stringify(param),
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (result) {
            //......
            callback(returnData);
        }
    });
}


ajax: function (data, callback, settings) {
    //封装请求参数
    var param = {
        "page": {
 
        }
    };
    $.ajax({
        type: "POST",
        url: url,
        data: JSON.stringify(param),
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (result) {
            //......
            callback(returnData);
        }
    });
}

$.ajax({
        type: "POST",
        url: webroot + "/ht/uploadAndSaveFile",
        data: JSON.stringify(params),
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function(rsp) {
            console.log(rsp)
            // if (rsp.code == 200) {
            //     if (paramsId == '') {
            //         hint("添加成功");
            //     } else {
            //         hint("修改成功");
            //     }
            //     $("#addCustomerBox").modal("hide");
            //     //getCustomerList(1);
            //     loadTalbe();
            //     clearCustomer();
            // } else {
            //     hint(rsp.message);
            // };
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(rsp)
        }
    });