vue中自己沒有ajax功能,須要使用擴展,如今推薦使用的是axios,github地址以下javascript
https://github.com/axios/axiosphp
下面各個示例html
<!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/80338538vue
file:///C:/Users/Administrator/Desktop/vue/index.htmljava
因此我是在本地服務器使用訪問的http://127.0.0.1/xinxi/public/index.php/index/index/axiosios