VS code搭建JavaScript环境调用XHR实现post和get简单流程

一、下载NodeJS

下载node,最好到node官 https://nodejs.org/en/ 下载一个LTS(Long Term Surport)长期支持版本。

  • 输入命令node -v 就可以看到node的版本了
  • 如果node安装包集成了npm(node package manage),那我们输入命令npm -v 也可以看到npm的版本
    VS code搭建JavaScript环境调用XHR实现post和get简单流程_第1张图片

参考:https://www.kancloud.cn/zhangqh/front/397143

二、VS Code中安装code runner

在vscode的插件市场(Extensions)中,搜索code runner
编写Helloword.js
创建一个Helloword.js文件,测试运行一下,代码如下:

console.log("Hello Javascript!")

VS code搭建JavaScript环境调用XHR实现post和get简单流程_第2张图片
在vscode中按 F5,在选择调试器选项中,选择nodejs,脚本会正常运行,输出
Hello Javascript!

参考:https://blog.csdn.net/liwenxiang629/article/details/129491984

三、ReferenceError: XMLHttpRequest is not defined(解决)

原因:xmlhttprequest 不是Node 内置的,需要单独安装:

安装命令:npm install xmlhttprequest

var xhr=new XMLHttpRequest();

改成

var XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
var xhr = new XMLHttpRequest();

参考:https://blog.csdn.net/qq_52317104/article/details/120459500

四、使用JavaScript中的XMLHttpRequest(XHR)对象

要使用POST方法发送请求,可以使用JavaScript中的XMLHttpRequest(XHR)对象。

参考:https://www.zhihu.com/question/587750169/answer/2923083522

一个实例供参考,里边的js代码使用了xhr实现了post和get方法:https://taskerm.com/2020/03/05/forwarded-sms-to-wechat-by-tasker/

你可能感兴趣的:(javascript)