-
首先用的是最裸板的jdbc+servlet+vue
解决获取值的问题,如何才能解决一开始就加载数据库信息然后遍历到页面
解决:上网查过有一种生命周期的东西方法其中一个可以直接写在data和methods之间,一面加载就调用这个方法
mounted:function(){
this.load();
},
methods:{
load:function(){
ajax("http://localhost:8080/servlet/IndexServlet").then(
value=>{
this.arr=JSON.parse(value);
},
error=>{
alert("eror")
console.log(error);
}
)
},
第二个需要解决的问题,我用的ajax是下面这种用promise改良过的
const ajax = url => new Promise((resolve,reject) => {
const xhr = new XMLHttpRequest;
xhr.open("GET",url);
xhr.onreadystatechange = function(){
if(this.readyState === 4){
if(this.status === 200){
resolve(this.response);
}else{
reject(new Error(this.statusText));
}
}
}
xhr.send();
});
但是用这种方法没法给他设置json传输的方法,所以传回来的是一个json的字符串,不会解析成对象数组。。。
解决方法:上网查到有一个解析json和把对象转换成json字符的方法
const jsonStr1 = JSON.stringify( res.responseObject); //json转字符串。
const area = JSON.parse( jsonStr1); //字符串转json