首页 » SEO优化 » php接收VUE技巧_vue2 PHP 交互

php接收VUE技巧_vue2 PHP 交互

访客 2024-10-23 0

扫一扫用手机浏览

文章目录 [+]

vue只关注视图层

1.以PHP为例,首先须要引入,我们利用CDN,地址是<script src=\"大众https://unpkg.com/axios/dist/axios.min.js\"大众></script>。

php接收VUE技巧_vue2  PHP 交互

2.axios支持的要求方法有如下几种:

php接收VUE技巧_vue2  PHP 交互
(图片来自网络侵删)

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

3.以get为例,在利用vue-resource时,我们的方法是:

new Vue({

el:\"大众#app\"大众,

methods:{

get:function(){

this.$http.get(url,{

params:{ }

}).then(function(){

.............

},function(){

.............

}

}

})

现在,我们只要改成:

new Vue({

el:\"大众#app\公众,

methods:{

get:function(){

axios.get(url,{

params:{ }

}).then(

response => {

.............

},response => {

.................

});

}

}

})

以上粗体的部分,便是与以前的用法不同的部分。
可以看出,

1.axios.get代替了this.$http.get。

2.response=>代替了function(res){......}

3.get方法中交互的数据要用params进行传参,当然这是vue1.0中的知识,到vue2.0的axios时,依然适用。

4.POST办法通报参数有两种办法,一种是普通的formd办法,一种是json办法。
formd办法把稳用Params处理一下接口。
在php后端,如果是formd传来的数据,用post办法吸收,如果是json格式,须要用file_get_contents('php://input')来吸收数据,当然你还可以用fopen或curl函数。
这里就不再赘述。

标签:

相关文章

QQ聊天恶搞代码技术背后的趣味与风险

人们的生活越来越离不开社交软件。在我国,QQ作为一款历史悠久、用户众多的社交平台,深受广大网民喜爱。在QQ聊天的过程中,恶搞代码的...

SEO优化 2025-03-02 阅读0 评论0

Python代码截屏技术与应用的完美融合

计算机屏幕截图已经成为人们日常生活中不可或缺的一部分。无论是分享工作成果、记录游戏瞬间,还是保存网页信息,屏幕截图都发挥着重要作用...

SEO优化 2025-03-02 阅读0 评论0

QQ无限刷礼物代码技术突破还是道德沦丧

社交平台逐渐成为人们生活中不可或缺的一部分。QQ作为我国最具影响力的社交软件之一,其丰富的功能吸引了大量用户。近期有关QQ无限刷礼...

SEO优化 2025-03-02 阅读0 评论0