如何正确的使用jquery-ajax

什么是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:当请求错误时

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

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

...
原文地址:https://www.cnblogs.com/simoje/p/4775489.html