首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery .ajax to Vanilla JavaScript

jQuery .ajax to Vanilla JavaScript
EN

Stack Overflow用户
提问于 2018-07-18 06:36:33
回答 1查看 969关注 0票数 -1

我正在尝试将ajax请求转换为普通的JavaScript

代码语言:javascript
复制
$.ajax({
    url: 'http://foo.bar/hi',
    type: 'post',
    data: {args: params},
    success: function(data){
    },
});

我尝试过以下几种方法

代码语言:javascript
复制
var xhr = new XMLHttpRequest();
var data = {args: params};
xhr.open("POST", 'http://foo.bar/hi', true);
xhr.send(data);

我正在使用基于web的接口连接到外部设备,但在设备上没有得到任何响应。就好像我从来没有发过请求一样

理论上,原始的ajax请求将执行该操作,但是,我的程序的jQuery部分存在问题,因此我尝试将其转换为普通的javascript并绕过jQuery。

EN

回答 1

Stack Overflow用户

发布于 2018-07-18 06:55:30

使用fetch:

代码语言:javascript
复制
function json(response) {
  return response.json();
}

function handleErrors(response) {
  if(!response.ok) {
    throw new Error("Request failed " + response.statusText);
  }
  return response;
}

fetch("http://url.com/endpoint", {
  method: "POST",
  body: {
    myKey: "my value",
    another: "hihihi"
  }
}).then(handleErrors).then(json).then(function(data) {
  console.log(JSON.stringify(data));
}).catch(function(err){
  console.log("err" + err);
})
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51391088

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档