搬搬砖得了 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日

悬赏问题

  • ¥15 求糕手!用matlab求解目标规划模型🙏
  • ¥15 画出的分类图不对,求解答一下
  • ¥20 springboot和springcloud版本问题
  • ¥15 ps2手柄控制树莓派小车
  • ¥30 C#:vsto powerpoint的外接程序
  • ¥30 stata将do文件代码转化为ado文件
  • ¥15 两个同维数组相比,不同位置、出现重复比无意义,而不同位置、不出现重复比,则有意义。把有意义的两个数组放入新的集合MK中。
  • ¥15 可以远程电脑安装nvm
  • ¥15 写一个可直接调用的函数,将32位有符号数转成另一个无符号的数
  • ¥15 CMAKE+VS2019+QT5.15.2组合进行二次编译