vue2中使用ajax

最新推荐文章于 2024-07-30 17:09:59 发布

dk2319193

最新推荐文章于 2024-07-30 17:09:59 发布

阅读量285

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/jcydd/p/10925268.html

版权

vue中本身没有ajax功能，需要使用扩展，现在推荐使用的是axios，github地址如下

https://github.com/axios/axios

下面各个示例

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>vue axios使用</title>
<script type="text/javascript" src="{$Think.config.xinxi}/vue.js"></script>
<script type="text/javascript" src="{$Think.config.xinxi}/axios.min.js"></script>
</head>

<body>
<div id="app"></div>
<script>
    var test=new Vue({
        el:"#app",
        data:{
            
        },
        methods:{
        
         send:function(){
                      
    axios({
      method: 'get',
      url: 'http://127.0.0.1/xinxi/public/index.php/index/index/szxx'
    })
    .then(function (response) {
      console.log(response)
    })
    .catch(function (error) {
      console.log(error)
    })

 }
}        
    });
</script>

</body>
</html>

在本地打开进行ajax访问会有跨域问题，会导致无法访问，跨域问题的解决可以参考这篇文章：https://blog.csdn.net/qq_36575992/article/details/80338538

file:///C:/Users/Administrator/Desktop/vue/index.html

所以我是在本地服务器使用访问的http://127.0.0.1/xinxi/public/index.php/index/index/axios

转载于:https://www.cnblogs.com/jcydd/p/10925268.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dk2319193

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2中使用ajax

vue中本身没有ajax功能，需要使用扩展，现在推荐使用的是axios，github地址如下https://github.com/axios/axios下面各个示例<!DOCTYPE html><html><head><meta charset="utf-8"><title>vue axios...
复制链接

扫一扫