介绍一下ajax● 数据交换通过Ajax可以给服务器发送请求并获取服务器响应的数据。● 异步交互可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术如搜索联想、用户名是否可用的校验等等。区分同步异步同步等待结果到手才继续往下走 异步先去干别的等任务完成再通知我拿结果。区分静态动态静态编译期确定运行时不变动态运行时才能确定程序跑起来可变。我们这里采用axios这个这是已经分装好的便于开发先引入axios这个功能script srchttps://unpkg.com/axios/dist/axios.min.js/scriptaxios({ method: GET, url: https://web-server.itheima.net/emps/list }).then((result) { console.log(result.data); }).catch((err) { alert(err); });method请求方式GET/POSTurl请求路径data请求数据POSTparams发送请求时携带的 url 参数如...?keyvalAxios中文文档 | Axios中文网script srchttps://unpkg.com/axios/dist/axios.min.js/script简写axios 对常用 HTTP 请求方法封装了简便别名方法不用写完整的axios({method:xxx,...})配置对象调用更简短。axios.请求方式(url [, data [, config]])完整代码axios({ method:get, url:xxx })生命周期组件从创建 → 挂载 → 更新 → 销毁整个过程在特定阶段自动执行的函数叫做生命周期钩子函数。const app createApp({ data(){ return { message:Hello Vue } }, // 生命周期钩子直接写在这里 beforeCreate(){}, created(){}, beforeMount(){}, mounted(){ console.log(Vue挂载完毕发送请求获取数据 ...) }, beforeUpdate(){}, updated(){}, beforeUnmount(){}, unmounted(){} }) app.mount(#app) 《javaweb基础》前端基础---异步的数据交互ajax
介绍一下ajax● 数据交换通过Ajax可以给服务器发送请求并获取服务器响应的数据。● 异步交互可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术如搜索联想、用户名是否可用的校验等等。区分同步异步同步等待结果到手才继续往下走 异步先去干别的等任务完成再通知我拿结果。区分静态动态静态编译期确定运行时不变动态运行时才能确定程序跑起来可变。我们这里采用axios这个这是已经分装好的便于开发先引入axios这个功能script srchttps://unpkg.com/axios/dist/axios.min.js/scriptaxios({ method: GET, url: https://web-server.itheima.net/emps/list }).then((result) { console.log(result.data); }).catch((err) { alert(err); });method请求方式GET/POSTurl请求路径data请求数据POSTparams发送请求时携带的 url 参数如...?keyvalAxios中文文档 | Axios中文网script srchttps://unpkg.com/axios/dist/axios.min.js/script简写axios 对常用 HTTP 请求方法封装了简便别名方法不用写完整的axios({method:xxx,...})配置对象调用更简短。axios.请求方式(url [, data [, config]])完整代码axios({ method:get, url:xxx })生命周期组件从创建 → 挂载 → 更新 → 销毁整个过程在特定阶段自动执行的函数叫做生命周期钩子函数。const app createApp({ data(){ return { message:Hello Vue } }, // 生命周期钩子直接写在这里 beforeCreate(){}, created(){}, beforeMount(){}, mounted(){ console.log(Vue挂载完毕发送请求获取数据 ...) }, beforeUpdate(){}, updated(){}, beforeUnmount(){}, unmounted(){} }) app.mount(#app)