有勇气的牛排博客
☰

前端异步请求 ajax与axios

有勇气的牛排 1963 前端 2021-11-24 23:48:28
知止自律打卡-微信小程序APP
一款微信自律打卡小程序，支持自定义打卡项目、习惯记录、项目日记、专注计时与数据统计。自律打卡、学习打卡、读书打卡、健身打卡、运动打卡、减肥打卡、戒色打卡、养生打卡、戒烟、戒酒、戒熬夜等多种场景。万能打卡模板自由创建。可自定义每日打卡目标，记录习惯连续天数，可视化追踪成长进度。
了解产品详情 →
微信搜索「知止自律打卡」
知止自律打卡微信小程序

1 ajax

有关token传递有两种方法，一种使用beforeSend，另一种使用headers（二选一即可）。

$.ajax({
	url: '/wallet',
	type: 'POST',
	dataType: 'json',
	beforeSend: function (request) {
    	// request.setRequestHeader("Authorization", "token");
    },
	headers: {
    	'Authorization': "token"
    },
	data: {
		'money': money
	},
	success:function (res) {
	
	},
	error:function () {
	
	}
});

2 axios

官网：https://www.axios-http.cn/

2.1 安装

npm

npm install axios

bower

bower install axios

yarn

yarn add axios

jsDelivr CDN

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

unpkg CDN

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

3 常用轮子

3.1 函数

$(function () {

});

$("#submit").click(function () {
	var money = $("#money").val()
	alert(money)

});

3.2 遍历数组

var str = '';

for (i = 0; i < res.results.length; i++) {

    str += "<tr>" +
        " <td>" + res.results[i].uid + "</td>\n" +
        " <td><a href='/kfDetail'></a></td>\n" +
        " </tr>"

    $("#content").html(str);
}

3.3 重定向

location.href = '/shoplist/'+content

标签：

×
×