搬搬砖得了 2022-03-31 22:47 采纳率: 57.1%
浏览 66
已结题

Ajax对象向后台请求数据设置为异步结果是Undefined

我在使用Ajax向后台请求数据时结果为Undefined

正常应该是我点击按钮之后浏览器执行Ajax的回调函数,向我返回数据啊,为什么我的数据时Undefined啊,请CSDN大佬帮忙解决一下,谢谢!

HTML代码

<body>
    <button id="submit">点击</button>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="../static/js/t.js"></script>

JavaScript代码

$("#submit").click(function(){
    let jsons= {"data": "Hello"}
    const result = Ajax(jsons, '/app');
    console.log(result.responseJSON); // 此处返回结果为Undefined,如果此时在浏览器console再次调用Ajax函数,数据则会正常返回回来
});

function Ajax(data, path) {
    return $.ajax({
        async: true, // 设置为异步调用
        type: 'post',
        url: path,
        cache: false,
        contentType: 'application/json;charset=utf-8',
        data: JSON.stringify(data),
        dataType: 'json',
        success: function (data) {

        },
        error: function () {
            alert("请求失败")
        }
    })
}

后端Python代码

@app.route("/app", methods=["POST", "GET"])
def test():
    data = {"13": 123}
    return json.dumps(data);

app.run()
  • 写回答

3条回答 默认 最新

  • 关注

    ajax 默认的请求方式是异步的,你需要去了解下ajax异步的概念
    异步加载的内容,不能用return返回值,一定必须要学会使用回调函数。
    要把所有加载之后的后续操作都放到回调函数中。
    你题目的解答代码如下:

    $("#submit").click(function(){
        let jsons= {"data": "Hello"}
        Ajax(jsons, '/app', function (result) {
            console.log(result.responseJSON); // 把所有加载之后的后续操作都放到回调函数中。
        });
    });
     
    function Ajax(data, path, callback) {
        return $.ajax({
            async: true, // 设置为异步调用
            type: 'post',
            url: path,
            cache: false,
            contentType: 'application/json;charset=utf-8',
            data: JSON.stringify(data),
            dataType: 'json',
            success: function (data) {
                callback(data);
            },
            error: function () {
                alert("请求失败")
            }
        })
    }
    
    

    如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 4月8日
  • 已采纳回答 3月31日
  • 创建了问题 3月31日

悬赏问题

  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯,灯的闪烁很不稳定,经过调试发现测的距离偏大