AJAX(二)——用jQuery写GET , POST , PUT , DELETE方法-CSDN博客

本文链接：https://blog.csdn.net/rjlmylover_zyw/article/details/122931907

本文详细介绍了如何使用jQuery库来发起HTTP请求，包括GET、POST、PUT和DELETE四种常见的HTTP方法。每个方法都展示了如何设置URL、传递数据、指定数据类型以及处理响应的success和error回调函数。这些基本操作对于前端开发者进行API交互至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

- jQuery写请求方法

jQuery写请求方法

- GET方法

function getAjax() {
	$.ajax({
		type: GET,
		url:  https://music.benwebsite.cloud/banner,
		data: {
			type: 2
		},
		dataType: JSON,
		async: true,
		success: function(data) {
			if(data.code == 200) {
			console.log('成功');
			console.log(data);
			}else{
			console.log('错误');
			}
		}
		error: function() {
		}
})
}

- POST方法

function postAjax() {
$.ajax({
	type: 'POST',
	url: 'https://music.benwebsite.cloud/banner',
	data: {
		type: 2
	},
	dataType: JSON,
	async: true,
	success: function(data) {
		if(data.code == 200) {
			console.log('成功');
			console.log(data);
		}else{
			console.log('错误');
		}
	}
	error: function() {
	}
})
}

- PUT方法

function petAjax() {
$.ajax({
	type: 'PUT',
	url: 'https://music.benwebsite.cloud/banner',
	data: {
		type: 2
	},
	dataType: JSON,
	async: true,
	success: function(data) {
		if(data.code == 200) {
			console.log('成功');
			console.log(data);
		}else{
			console.log('错误');
		}
	}
	error: function() {
	}
})
}

- DELETE方法

function deleteAjax() {
$.ajax({
	type: 'DELETE',
	url: 'https://music.benwebsite.cloud/banner',
	data: {
		type: 2
	},
	dataType: JSON,
	async: true,
	success: function(data) {
		if(data.code == 200) {
			console.log('成功');
			console.log(data);
		}else{
			console.log('错误');
		}
	}
	error: function() {
	}
})
}