vue2中使用ajax


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM