Ajax 调用案例及错误捕捉

最新推荐文章于 2023-07-05 17:51:00 发布

转载最新推荐文章于 2023-07-05 17:51:00 发布 · 285 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kikyoqiang/p/10988154.html

本文介绍了一种使用Ajax技术实现的评分功能，该功能通过POST请求向服务器发送评分数据，包括用户ID、会话ID、会议室ID等参数，并在收到响应后显示相应的消息提示。文章还展示了如何处理异步调用失败的情况。

        function postFunc() {
            var scoreResultStr = readyData();
            $.ajax({
                type: "post",
                url: "/Score/AddScore",
                data: {
                    userId: $("#userId").val(), sessionId: $("#sessionId").val(), hallId: $("#smallMeetingId").val(), mid: $("#mid").val(),
                    scoreResultData: scoreResultStr, remark: $("#remark").val()
                },
                success: function (obj) {
                    if (obj.code == "200") {
                        layer.msg('评价成功！', { icon: 1, time: 1800 });
                    }
                    else {
                        layer.msg(obj.message, { icon: 7, time: 1800 });
                    }
                },
                error: function (XMLHttpResponse, textStatus, errorThrown) {
                    console.log("1 异步调用返回失败,XMLHttpResponse.readyState:" + XMLHttpResponse.readyState);
                    console.log("2 异步调用返回失败,XMLHttpResponse.status:" + XMLHttpResponse.status);
                    console.log("3 异步调用返回失败,textStatus:" + textStatus);
                    console.log("4 异步调用返回失败,errorThrown:" + errorThrown);
                }
                //error: function () { layer.msg('发生错误，请联系客服！', { icon: 2, time: 1800 }); }
            });
        }

返回数据格式

{"result":{"142":"头颈科专题上","143":"头颈科专题下"},"message":"操作成功","code":200}

{"result":{},"message":"未将对象引用设置到对象的实例。","code":500}

转载于:https://www.cnblogs.com/kikyoqiang/p/10988154.html