如何正确的使用jquery-ajax

时间:2023-12-17 14:00:20

什么是ajax

ajax全称Asynchronous Javascript And XML,就是异步javascript和xml

ajax的作用

ajax通常用于异步加载网页内容,以及局部更新。

实际上在应用ajax时与javascript/jquery打交道最多,ajax的重要体现就是无感加载。

因此在用户体验上,ajax的意义是举足轻重的。

如何使用ajax

1、引用jquery

<script src='/jquery-x.xx.x.min.js'></script>

2、使用ajax获取用户的姓名与性别

$(function () {
$.ajax({
type: "POST",
url: "/ajaxUser.xxx",
dataType: "json",
data: {
action: "GetUserInfo",
UserId: "100100"
},
success: function (responseInfo) {
if (responseInfo != null) {
var name = responseInfo.name; // 姓名
     var sex = responseInfo.sex; // 性别
}
else {
// do some things
}
},
error: function (responseInfo) {
// do some things
}
});
});

属性说明

type:请求方式,get或post

url:请求地址

dataType:返回的数据类型

data:请求的参数

方法说明

success:当请求成功时

error:当请求错误时

其中还有更多属性,更多方法,在使用当中发掘,灵活运动会有不可小觑的效果。

如遇到如何问题,请在下方留言;如有任何建议与见解,欢迎指正。