搬搬砖得了 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 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改