JavaScript 控制台Ajax调接口调试方法

最新推荐文章于 2025-03-11 13:56:46 发布

左眼看成爱

最新推荐文章于 2025-03-11 13:56:46 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 前端文章标签： javascript ajax 前端

本文链接：https://blog.youkuaiyun.com/wh445306/article/details/123149352

版权

JavaScript 同时被 2 个专栏收录

35 篇文章

订阅专栏

前端

16 篇文章

订阅专栏

该篇博客展示了如何在浏览器环境中使用XMLHttpRequest对象进行POST请求，与服务器进行JSON数据交互。通过设置请求头和发送JSON格式的数据，实现了与http://8.8.8.8:9081/oil/oilinfo接口的通信，并在控制台中处理响应结果。内容涉及到前端与后端的数据交换以及错误处理机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//先在浏览器中打开http://8.8.8.8:9081/oil/oilinfo地址，然后在控制台中执行如下代码即可

//创建异步对象
var xhr = new XMLHttpRequest();
 xhr.open('post', 'http://8.8.8.8:9081/oil/oilinfo' );
  // xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 xhr.setRequestHeader("Content-Type", "application/json")
//发送请求
 xhr.send(JSON.stringify({"type": 20,"version":" ZX1.0","YPLE":"01","JYSL":"10.80","JPDJ":"5.6","JYJE":"60.48","JYQH":"01","SJ":" 3F2504E0-4F89-11D3-9A0C-0305E82C3301"}));
xhr.onreadystatechange = function () {
    //判断服务器是否正确响应
  if (xhr.status == 200) {
    console.log(xhr.responseText);
  } 
  else{
   console.log("出错了"+ xhr.statusText); 
  }
};

执行结果：