![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：
Collection
Collection
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>ajax和fetch请求</title></head><body><button onclick="fun()">ajax-GET获取数据</button><button onclick="fun1()">fetch获取数据</button><script>function fun() {//ajax请求数据const url = "http://jsonplaceholder.typicode.com/users";//实例化const xhr = new XMLHttpRequest();//响应类型xhr.response = "json";xhr.open("GET", url);//请求回调xhr.onload = () => console.log(xhr.response);xhr.onerror = () => console.log("Error");//发起请求xhr.send();}//fetc请求function fun1() {const url = "http://jsonplaceholder.typicode.com/users";fetch(url).then((response) => response.json()).then((json) => console.log(json));}</script><!-- 默认script在浏览器环境下不支持模块，需要指定type --><script type="module">// 导入单个模块import { username, getUserName } from "./modules.js";console.log(username, getUserName(username));//导入统一模块import { age, getAge } from "./modules.js";console.log(age, getAge(age));//别名导入import { addr } from "./modules.js";console.log(addr);//默认导入import User from "./modules.js";const user = new User("nnd");console.log(user.username);console.log(user.getUsername(user.username));</script><script>// 接收混合导入成员,默认成员的命名,必须放在非默认的前面// 默认导出成员,在导入时可以随意命名的,useremail只是巧合import email, { username, hello } from "./modules.js";console.log(email);console.log(hello(username));</script></body></html>
//1.逐个导出export let username = "Tim";export function getUserName() {return username;}//统一导出let age = 18;function getAge() {return `${age}`;}export { age, getAge };// 别名导出;let address = "北京市";export { address as addr };//默认导出，导出的是一个声明//只是导出一个值，不是声明，没有被 命名，由导入时重命名//一个模块，只能有一个默认导出export default class {constructor(username) {this.username = username;}getUsername() {return `hello ${this.username}`;}}let username = "龙";function hello(username) {return `hello${username}`;}let useremail = "dddkj@djked";export { username, hello, useremail as default };