做购物车vueDemo感想

1. 首先用的是最裸板的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