//在渲染数据时不能直接写在body下面,否则会出现只能请求一次数据的结果
//数据渲染时用数组forEach的方法
//axios相当于ajax的升级版,原理差不多
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<input type="text"/>
<button>按钮</button>
<script src='../code/js/axios.min.js'></script>
<script>
var text=document.querySelector('input')
var btn=document.querySelector('button')
btn.οnclick=function(){
// var xhr=new XMLHttpRequest()
// xhr.open('get','http://localhost:8888/goods/list')
// xhr.onreadystatechange=()=>{
// if(xhr.readyState==4){
// if(xhr.status==200){
// console.log(JSON.parse(xhr.responseText))
// var {list,code}=JSON.parse(xhr.responseText)
// }
// }
// }
// xhr.send()
axios.get('http://localhost:8888/goods/list').then(res=>{
console.log(res)
})
}
</script>
</body>
</html>