如何正确使用jquery ajax

  • 原创
  • |
  • 浏览：489
  • |
  • 更新：
  • |
  • 标签：jquery 

Asynchronous Javascript And XML，就是异步javascript和xml

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

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

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

工具/原料

  • html
  • jquery

如何使用ajax

  1. 1

    引用jquery

  2. 2

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

  3. 3

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

  4. 3
    该信息未经授权抓取自百度经验
  5. 4

    $(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

                }

            });

        });

    END

属性说明

  • type：请求方式，get或post

    url：请求地址

    dataType：返回的数据类型

    data：请求的参数

    END

方法说明

  1. 1

    success：当请求成功时

    error：当请求错误时

    END

注意事项

  • 其中还有更多属性，更多方法，在使用当中发掘，灵活运动会有不可小觑的效果。
  • async属性在万不得已的情况才会考虑使用
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签jquery