ajax和axios写法

原创已于 2022-06-17 19:08:35 修改 · 315 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ajax #javascript #前端

收录于

于 2022-06-17 19:06:00 首次发布

小问题专栏收录该内容

35 篇文章

订阅专栏

这篇博客探讨了两种常用的JavaScript异步请求库——AJAX和Axios的使用方法。AJAX通过jQuery实现，涉及`$.ajax()`方法及其简化的`.done()`和`.fail()`处理。而Axios则是一个独立的库，提供了更现代的Promise API，使用`.then()`和`.catch()`处理响应。两者都在前端开发中用于与服务器进行数据交互。

ajax和axios写法:

ajax:

$.ajax({ 
	type: 'post', 
	url: url, 
	data: data, 
	dataType: dataType, 
	contentType: contentType,  
	success: function (response) {
		console.log(response);
	}, 
	error: function (error) {
		console.log(error);
	}
});
//或者
$.ajax({ 
	type: 'post', 
	url: url, 
	data: data, 
	dataType: dataType, 
	contentType: contentType 	
}).done(function(response) {
		console.log(response);
	}).fail(function(error) {
		console.log(error);
	});

axios:

axios({ 
	method: 'post', 
	url: url, 
	data: data, 
	dataType: dataType,  
	headers: {'Content-Type': 'Content-Type'}
}).then(function (response) { 
		console.log(response);
	}).catch(function (error) { 
		console.log(error);
	});