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的版本
    在这里插入图片描述

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

二、VS Code中安装code runner

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

console.log("Hello Javascript!")

在这里插入图片描述
在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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值