vue、ajax的格式和作用，简单入门

敲碎这块儿砖

已于 2023-02-19 17:59:53 修改

阅读量79

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

于 2023-02-19 16:37:10 首次发布

本文链接：https://blog.csdn.net/m0_73422629/article/details/129111564

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

该文展示了如何在Vue.js应用中使用Axios进行异步请求。通过在Vue实例中定义方法并绑定到DOM元素的事件，例如按键或超链接，可以在用户触发事件时发送POST请求到指定URL。接收到服务器响应后，可以对数据进行处理，实现局部刷新的功能。实现这一功能只需引入Vue.min.js和axios.min.js两个JavaScript库。

摘要由CSDN通过智能技术生成

<script>
$(function(){        //页面加载时执行，是简写版的window.onload=functuion(){
        new vue({
                el:"#app",    //id选择器，表示vue实例为#app服务
                data:{
                    //储存数据供#app使用
                     }，
                    methods : {
       //这里面定义了一个doAdd的方法(对应某处按键、超链接等附加事件的名字。如@click="doAdd")
                             doAdd：function(){
                                                   //方法内也可以通过axios发送异步请求
                                                    axios({
                                                        method:"post",
                                                        url:"/hello06/h02",
                                                        data/params:{ }
                                                    }).then(response =>{
                                                            alert(response.data);
                                                 //then是回调函数,异步请求后服务器响应的数据
                                                 //就是response.data,可以继续操作这个数据
                                                 // =>{}其实就是后续操作的方法体的意思  
                                                                        });
                                              }
                               } 
                 });
            });
<script>

vue可以对按键、超链接等绑定的事件方法名做详细的方法实现；方法体中也可以使用ajax发异步请求（异步请求可以只让网页局部刷新）

只需要在html上通过<script src="路径名">引用两个js文件即可：