博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue使用ajax对后台数据的操作
阅读量:3989 次
发布时间:2019-05-24

本文共 918 字,大约阅读时间需要 3 分钟。

使用vue-resource脚本

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

转载地址:http://gaxui.baihongyu.com/

你可能感兴趣的文章
CrossTool binary download website
查看>>
交叉编译qt5.3.2
查看>>
编译poppler-qt5
查看>>
freetype2
查看>>
mysql remote login withou password solved
查看>>
libtool: link: warning: cannot determine absolute directory name of `=/home/
查看>>
PMS Project MySQL related data
查看>>
store png image file in MySQL database
查看>>
vsftpd ftp client pwd implementation source code
查看>>
vsftpd ftp client ls command implementation source code
查看>>
arm qt5 x11 libxcb
查看>>
qt5 embeded compile
查看>>
RFC959 ftp upload file
查看>>
qt5 ftp client debug snapshot
查看>>
pthread_sigmask test
查看>>
system performance test snapshot
查看>>
软件借用RSA增加注册功能
查看>>
使用ffmpeg将yuv编码成h264时有大小限制,太小的数据源编码会失败。
查看>>
yuv h264 avi WindowsMediaPlayer播放成功,虽然时间很短
查看>>
ffmpeg将yuv编码成h264数据量变小且可以使用暴风影音播放出来,很短一闪而过
查看>>