jquery和vue发送ajax请求

最新推荐文章于 2023-08-25 13:34:28 发布

cc蒲公英

最新推荐文章于 2023-08-25 13:34:28 发布

阅读量477

点赞数

分类专栏： vue 文章标签： vue.js jquery ajax

原文链接：https://blog.csdn.net/weixin_50025568/article/details/115660899

版权

vue 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

jquery发送ajax请求

<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
<script type="text/javascript">
    $.ajax({
        type: "GET",//请求方式
        url: "https://mock.yonyoucloud.com/mock/15640/infors",//请求地址
        data: {
            //发送的数据json格式
        },
        dataType: "json",
        success: function(data) {
            console.log(data);//发送成功，可对数据进行操作        
        } 
    });
</script>

vue发送ajax请求

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 <script>
        var app = new Vue({
            el: '#app',
            data: {},
            methods: {},
            mounted() { //数据的创建//路径//参数//transformRequest:将参数解析发送数据
                axios.post('/exam/data',{'id':1},{
                         transformRequest:[
                                 function(data){
                                     let params = '';
                                     for(let index in data){
                                         params +=index+'='+data[index]+'&';
                                     }
                                     return params;
                                 }
                         ]
                     }).then((res)=>{
                         console.log(res.data)
                     });
             },
        })
    </script>