Ajax开发技术

Ajax开发技术

什么是 Ajax?

概念: Asynchronous JavaScript And XML,异步的 JavaScript 和 XML。作用:

数据交换: 通过 Ajax 可以给服务器发送请求,并获取服务器响应的数据。异步交互: 可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如: 搜索联想、用户名是否可用的校验等等。

原生Ajax

准备数据地址创建 XMLHttpRequest 对象: 用于和服务器交换数据向服务器发送请求获取服务器响应数据

Axios

介绍: Axios 对原生的 Ajax 进行了封装,简化书写,快速开发。官网

1. 引入Axios的js文件

2. 引入Axios的js文件

axios({

method: "get",

url: "http://yapi.smart-xwork.cn/mock/169327/emp/list"}).then(result => {

console.log(result.data);

});

axios({

method:"post"

url: "http://yapi.smart-xwork.cn/mock/169327/emp/deleteByld",

data:"id=1"

}).then(result => {

console.log(result.data);

});

请求方式别名

axios.get(url [, config])

axios.delete(url [, config])

axios.post(url [, data[, config]])

axios.put(url [, data[, config]])

发送GET请求

axios.get("http://yapi.smart-xwork.cn/mock/169327/emp/list").then((result) => {

console.log(result.data);

});

发送POST请求

axios.post("http://yapi.smart-xwork.cn/mock/169327/emp/deleteByld","id=1").then((result) => {

console.log(result.data);

});

🌈 相关推荐

饿了么多长时间能给投诉
下载bst365

饿了么多长时间能给投诉

📅 09-28 👁️ 5564
靡的笔顺详解:
office365 登录

靡的笔顺详解:

📅 07-16 👁️ 3775
fashlon是什么品牌(faahlon是什么品牌)
博大365

fashlon是什么品牌(faahlon是什么品牌)

📅 10-07 👁️ 3342