前端之家

  1. 首页
  2. 问答

如何将后ajax请求的值存储到var？

• 问答

我试图在ajax中调用一个api，并将输出存储在一个var中，然后向用户显示该输出。

到目前为止，我已经尝试了这两种方法：

var Fake = $.ajax({async:false,url:'http://9dbad321.ngrok.io/output',type:'post',data:{'query': 'sure'},dataType:"JSON"
                       }).responseJSON;

和

var Fake='';
$.ajax({
    type:'post',url: 'http://9dbad321.ngrok.io/output',dataType:'text',success: function(data) {
        useReturnData(data);
    }
});

我的js代码如下：

var $messages = $('.messages-content'),d,h,m,i = 0;

$(window).load(function() {
  $messages.mCustomScrollbar();
  setTimeout(function() {
    fakeMessage();
  },100);
});

function updateScrollbar() {
  $messages.mCustomScrollbar("update").mCustomScrollbar('scrollTo','bottom',{
    scrollInertia: 10,timeout: 0
  });
}

function setDate(){
  d = new Date()
  if (m != d.getMinutes()) {
    m = d.getMinutes();
    $('<div class="timestamp">' + d.getHours() + ':' + m + '</div>').appendTo($('.message:last'));
  }
}

function insertMessage() {
  msg = $('.message-input').val();
  if ($.trim(msg) == '') {
    return false;
  }
  $('<div class="message message-personal">' + msg + '</div>').appendTo($('.mCSB_container')).addClass('new');
  setDate();
  $('.message-input').val(null);
  updateScrollbar();
  setTimeout(function() {
    fakeMessage();
  },1000 + (Math.random() * 20) * 100);
}

$('.message-submit').click(function() {
  insertMessage();
});

$(window).on('keydown',function(e) {
  if (e.which == 13) {
    insertMessage();
    return false;
  }
})


var Fake = 'store api output here'

function useReturnData(data){
    myvar = data;
    console.log(myvar);
};



// var Fake = '<img src=" https://media.tumblr.com/78a9d3eae59a2a3ed8531b482bdc5a4f/tumblr_inline_mgzkontwjP1rxsw83.gif"></img> <b><center>Happy Birthday! :) </b><br><br>So What are your plans for today?'

function fakeMessage() {
  if ($('.message-input').val() != '') {
    return false;
  }
  $('<div class="message loading new"><figure class="avatar"><img src="https://images.ly/2iAb20v" /></figure><span></span></div>').appendTo($('.mCSB_container'));
  updateScrollbar();

  setTimeout(function() {
    $('.message.loading').remove();
    $('<div class="message new"><figure class="avatar"><img src="https://images.ly/2iAb20v" /></figure>' + Fake + '</div>').appendTo($('.mCSB_container')).addClass('new');
    setDate();
    updateScrollbar();
    i++;
  },1000 + (Math.random() * 20) * 100);

}

但是它没有显示api的输出。

API信息：

API type : POST
data     : {'query': 'sure'}
url (dummy) : http://9dbad321.ngrok.io/output

我是jQuery和Ajax的新手，我想做的是从ajax调用post API，并将输出以字符串格式存储在一个var中。

谢谢！

alexisyuan 回答：如何将后ajax请求的值存储到var？

我不确定您的问题是什么..如果您想处理ajax的响应，则应该以异步的方式了解回调的概念，当ajax解决时，您将执行流入其中之一

成功：函数（数据）{console.log（数据）} 要么 错误：function（error）{console.log（error）}

这里有$ .ajax的官方文档， https://api.jquery.com/jquery.ajax/

希望有帮助

,

好吧，您可以像这样调用异步方法：

const myPromise = function() {
//it returns a promise (is has to be resolved/rejected,or awaited/catched)
//or use callbacks instead,(search about callback hell first)
  return $.ajax({ 
    type:'post',url: 'http://9dbad321.ngrok.io/output',data:{'query': 'sure'},dataType:'jsonp'});
}


const getFake = async function() {
    try {
    var fake = await myPromise();
  } catch (error) {
    console.log("something failed",error)
  }
}

var fake = getFake();

ajaxapihtmljavascriptjquery
本文链接：https://www.f2er.com/3149184.html

大家都在问