<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
</ul>
<script>
var v=new XMLHttpRequest();
v.open("get","http://www.liulongbin.top:3005/api/getnewslist");
v.send();
v.addEventListener("readystatechange",function () {
if(this.readyState!=4){
return;
}
// console.log( typeof this.responseText);
var data=JSON.parse(this.responseText);
// console.log(data);
//console.log(typeof data);//object
for(var i=0;i<data.message.length;i++){
var title=data.message[i].title;
console.log(title);
var li=document.createElement("li");
li.innerHTML=data.message[i].title;
li.id=data.message[i].id;//存id
document.getElementsByTagName("ul")[0].appendChild(li);
//给每个li注册点击事件
li.addEventListener("click",function () {
if(document.getElementsByTagName("div")[0]){
document.getElementsByTagName("body")[0].removeChild(document.getElementsByTagName("div")[0]);
}
var div=document.createElement("div");
console.log(this.id);
var xhr=new XMLHttpRequest();
xhr.open("get","http://www.liulongbin.top:3005/api/getnew/"+this.id);
xhr.send();
xhr.addEventListener("readystatechange",function () {
//console.log(xhr);
if(this.readyState!=4){
return;
}
console.log(this.responseText);
var data=JSON.parse(this.responseText);
//转化成json字符串
// var obj= eval("("+this.responseText+")");
// console.log(typeof JSON.stringify);
console.log(data.message[0].content);
div.innerHTML=data.message[0].content;
document.getElementsByTagName("body")[0].appendChild(div);
});
});
}
});
//转化成json对象 eval() 写法不一样 eval(“(“+json字符串+”)”)
// 转化为json对象 JSON.parse(json字符串);
// 转化为json字符串 JSON.stringify(json对象);
</script>
</body>
</html>
get请求传参案例
最新推荐文章于 2024-05-21 16:23:54 发布