如何将ajax response.responseText设置为全局JS变量

Bajjjjj:

我需要能够将ajax代码的responseText添加到变量中,以便可以将其添加到文本段落中,但是我基本上没有任何JS经验,因为在此期间我可以用谷歌搜索我的内容这个项目,因此任何帮助都将得到极大的应用。

我的代码如下所示:

$.ajax({
                type: "POST",
                url: "/ml/",
                contentType: "application/base64",
                data: window.dataURL,
                dataType: "base64",
                success: function(response) {
                    console.log(response);
                },
                error: function(err) {
                    console.log(err);
                }
            });

然后,我需要能够像这样放置变量:

var para = document.getElementById("canvasimgtext");
        para.textContent = responseText

它们是以下功能的完整扩展:

function save() {
        window.dataURL = canvas.toDataURL();
        document.getElementById("canvasimg").style.border = "2px solid";
        document.getElementById("canvasimg").src = dataURL;
        document.getElementById("canvasimg").style.display = "inline";
        document.getElementById("canvasimg").width = 32;
        document.getElementById("canvasimg").height = 32;

        $.ajax({
                type: "POST",
                url: "/ml/",
                contentType: "application/base64",
                data: window.dataURL,
                dataType: "base64",
                success: function(response) {
                    console.log(response);
                },
                error: function(err) {
                    console.log(err);
                }
            });

        var para = document.getElementById("canvasimgtext");
        para.textContent = responseText
    }

提前致谢!

编辑
尝试给出的答案,但没有运气:

$.ajax({
                type: "POST",
                url: "/ml/",
                contentType: "application/base64",
                data: window.dataURL,
                dataType: "base64",
                success: function(response) {
                    var para = document.getElementById("canvasimgtext");
                    para.textContent = response;
                },
                error: function(err) {
                    console.log(err);
                }
            });

当放置在此处时,即使通过简单的字符串而不是变量来传递文本,也不会在按下按钮时显示该文本。

第二编辑
原来问题出在Flask没有返回成功而是返回错误,所以这就是什么都没发生的原因。

lndgalante:

由于$.ajax()它是异步调用,因此您必须在success回调内部运行逻辑

function save() {
  window.dataURL = canvas.toDataURL();
  document.getElementById('canvasimg').style.border = '2px solid';
  document.getElementById('canvasimg').src = dataURL;
  document.getElementById('canvasimg').style.display = 'inline';
  document.getElementById('canvasimg').width = 32;
  document.getElementById('canvasimg').height = 32;

  $.ajax({
    type: 'POST',
    url: '/ml/',
    contentType: 'application/base64',
    data: window.dataURL,
    dataType: 'base64',
    success: function (response) {
      var para = document.getElementById('canvasimgtext');
      para.textContent = response.responseText;
    },
    error: function (err) {
      console.log(err);
    },
  });
}

(可选)您可以承诺jQuery ajax函数并使用async / await,请参阅如何承诺ajax调用

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将变量设置为全局环境中的因子

来自分类Dev

如何将数据从 firestore 设置为全局变量

来自分类Dev

如何将 ajax responseText 设置为等于字符串?

来自分类Dev

如何将ajax结果返回给全局变量

来自分类Dev

如何将索引设置为变量?

来自分类Dev

如何将变量设置为属性?

来自分类Dev

如何将范围设置为变量?

来自分类Dev

如何将变量设置为属性

来自分类Dev

如何将 JS 变量传递给 AJAX 数据?

来自分类Dev

如何将全局纳米背景设置为黑色

来自分类Dev

如何将容器的maxWidth设置为100%>>全局

来自分类Dev

如何将向量列表存储为全局变量?

来自分类Dev

如何将输入存储为全局变量?

来自分类Dev

如何将 AJAX 成功变量存储为 AJAX 之外的变量?

来自分类Dev

如何将jQuery变量设置为Django模板变量

来自分类Java

将变量设置为局部而不是全局的好处

来自分类Dev

将函数参数设置为全局变量

来自分类Dev

将$ mysqli设置为OOP的全局变量

来自分类Dev

如何将Ajax调用值保存到变量中

来自分类Dev

如何将变量从Rails传递给Ajax

来自分类Dev

如何将Ajax响应显示为模式弹出窗口

来自分类Dev

如何将AJAX响应显示为HTML页面?

来自分类Dev

如何在PowerApps中将颜色设置为全局变量?

来自分类Dev

如何将Ajax JSON对象存储到全局变量中以在函数外部访问

来自分类Dev

如何将jquery / ajax数据用于password.js

来自分类Dev

使用Ajax从console.log(response)剖析/划分“ response”变量

来自分类Dev

如何将变量解析为 Modal 并将其解析为 Ajax?

来自分类Dev

如何将sqlcmd输出设置为批处理变量?

来自分类Dev

如何将PowerShell变量设置为True或False

Related 相关文章

热门标签

归档