<!-- 基本数据类型 number string boolean null undefined -->
<!-- 引用数据类型 object(Function Array RegExp) -->
<!-- es6提供一个基本数据类型Symbol 代表了唯一的一个数，不可以new -->
<script>
/* 用symbol包裹的数据是唯一的 */
/* 首字母开头大写的叫构造函数，可以new
let obj=new Object();
console.log(obj); */
let obj={
[Symbol('username')]:'zhangsan'
}
console.log('old',obj);
obj.username='lisi';
console.log('new',obj);
//[]如果里面是一个变量，可以直接写o[user1]，这里面的user1就是一个变量
let user1='username';
let o={};
o.user1='zhangsan';
console.log(o);
o[user1]='zhangsan';
console.log(o);
es6模版字符串
let title='快过年了 好激动'
let year=2022;
let str=`我是巩宇--${year}--${title}`
console.log(str);
原生方法操作真实接口
<button onclick="login()">请先登录</button>
<p><button onclick="getUserInfo()">获取用户数据</button></p>
<!-- 这个真实的接口 是用来登录的
所以使用post方式登录-->
<script>
function getUserInfo() {
if (!localStorage.token) {
alert('请先登录，获取token！');
return
}
let xhr = new XMLHttpRequest();
/* pagenum=1表示取第一页的内容 */
/* pagesize=5表示显示5条数据 */
xhr.open('get', 'http://timemeetyou.com:8889/api/private/v1/users?pagenum=1&pagesize=5', true);
xhr.setRequestHeader('Authorization', localStorage.token)
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
let res = JSON.parse(xhr.responseText);
console.log(res);
}
}
}
function login() {
let xhr = new XMLHttpRequest();
xhr.open('post', 'http://timemeetyou.com:8889/api/private/v1/login', true);
let parms = {
username: 'admin',
password: '123456'
}
/* post需要添加请求头 */
/* 请求回来的内容是Json格式 */
/* Content-type表示请求内容的类型
application/json表示请求内容的类型的具体的值 */
xhr.setRequestHeader("Content-type", "application/json")
xhr.send(JSON.stringify(parms));
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
console.log(xhr.responseText);
let obj = JSON.parse(xhr.responseText);
localStorage.token = obj.data.token
}
}
}
</script>
