用jQuery实现的Ajax请求

用jQuery实现的Ajax请求要怎么做？星辉小编来告诉大家。

jQuery实现ajax请求

在没学习jQuery教程之前,发送ajax是比较麻烦的一个过程,需要四个步骤,jQuery将这些个步骤简化了,使用起来更加方便快捷

相关函数

$.ajax() : 它是jQuery中实现ajax的核心函数

$.post() : 这个函数是使用post方式发送ajax请求

$.get() : 这个函数是使用get的方式发送ajax请求

$.post() 和 $.get() 它们都是在内部调用了 $.ajax() ,所以 $.ajax() 是核心函数

$.ajax() 的使用

这个函数的参数表示请求的url, 请求的方式, 参数值等信息

$.ajax() 它的参数是一个json结构

例如:

	$.ajax({
		名称1 : 值1,
		名称2 : 值2,
		...
	})

json结构的参数说明

具体例子:

	$.ajax({
		asycn : true,
		contentType : "application/json",
		data : {
			name : "zhangsan",
			age : 20
		},
		dataType : "json",
		error : function() {
			// 出现错误
			alert("请求错误");
		},
		success : function(data) {
			// data 就是responseText返回的数据,但是这里是jQuery处理完成之后的数据
			alert("请求成功, data为" + data);
		},
		url : "xxxx/xxx",
		type : "get"
	})

通过上述介绍，相信大家对用jQuery实现的Ajax请求已经有所了解，如果大家想了解更多相关知识，不妨来关注一下本站的AJAX教程，里面还有更丰富的知识等着大家去学习，希望对大家能够有所帮助哦。