AJAX 异步请求
不利于seo 相对应的使用服务器渲染的nuxt就可以解决
原生的js,去写ajax,代码如下:
1.//获取元素
<script>
//1.获取元素
const result = document.getElementById("result");
//2. 绑定事件
result.addEventListener("mouseover",function() {
//1.创建对象
const xhr = new XMLHttpRequest();
//2.设置url和类型
xhr.open('POST','http://127.0.0.1:8000/service')
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
xhr.setRequestHeader('name','hanson')
// 3.发送
xhr.send('a=100&b=200&c=300');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status <= 200 && xhr.status<300) {
result.innerHTML = xhr.response;
}
}
}
})
</script>
老版本ie解决问题:
xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now())