vue使用ajax对后台数据的操作

使用vue-resource脚本
在methods中编辑方法从数据库中获取数据，在created函数中调用，在页面渲染之前获取到数据
使用get方法获取到数据库中的数据
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … //1.使用this.http.post()接口接受三个参数
// 第一个参数,要请求的url地址
// 第二个参数,要提交给服务器的数据,要以对象的形式提交给服务器
// 第三个参数,是一个配置对象,要以那种方式提交过去,{
//emulateJSON:true},以普通表单格式,将数据提交给服务器
//2.在post方法中,使用.then来设置成功的回调函数,如果要拿到成功的回调函数,需要到result.body中获取
this.KaTeX parse error: Expected 'EOF', got '}' at position 229: … }) }̲ **删除后台中的一个数据**…http.get('http://www.liulongbin.top:3005/api/delproduct/’+id).then(reslut=>{
if(reslut.body.status==0){
alert(“删除成功”)
this.getAllList()
}else{
alert(“删除失败”)
}
})
注意：
因为url有重复的字段，可以使用一个全局的配置，将他们提取出来
通过配置全局的根域名
//如果通过全局配置奖励金额,请求的数据接口根域名,则在每次单独发起http请求的数据的时候,请求的url路径,应该
//以相对路径开头,前面不能带/,否则不会启用根路径做拼接，会报跨域问题的错误
使用全局配置Vue.http.options.root=‘http://www.liulongbin.top:3005/api/’;
那么在请求的时候，在url中只需填写地址就能实现自动拼接this.$http.get(‘delproduct/’+id).then(reslut=>{}）
在使用post请求时，如果第三个参数{emulateJSON：ture}不填会出现访问地址延迟
使用全局配置
Vue.http.options.emulateJSON=true；这样就会全程启用emulataJSON