[jQuery] Ajax+工具函数

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/njy888888/p/8571702.html

文章标签：

#javascript #ViewUI

本文介绍了使用jQuery发起AJAX请求的方法，并展示了如何利用jQuery进行数据筛选、修改、查找及合并等操作。

  $(function () {
        $(".button").click(function () {
            $.ajax({
                type: "POST",
                url: "user.aspx",
                //date: $("form").serialize(), //序列化
                date: {
                    url: "aa",
                    name: "bb"
                }, sucess: function (res, state, xhr) {
                    alert("请求成功后执行");
                }, complete: function () {
                    alert("请求完成后，不管成功还失败");
                }, beforeSend: function () {
                    alert("发送请求之前");
                }, error: function () {
                    alert("请求失败后");
                }
            })
        });

        //筛选数据
        var arr = [4, 2, 6, 9, 11, 19, 25, 31];
        var arrGrep = $.grep(arr, function (e, index) {
            return index < 5 && e < 6;     //index 为下标，e 为值
        })
        alert(arrGrep);

        //修改数据
        var arr = [4, 2, 6, 9, 11, 19, 25, 31];
        var arrMap = $.map(arr, function (e, index) {
            if (index < 5 && e < 6) {
                return e + 1; //每个数据+1
            }
        })
        alert(arrMap);

        //查找下标
        var arr = [4, 2, 6, 9, 11, 19, 25, 31];
        alert($.inArray(11, arr));

        //合并数组
        var arr = [4, 2, 6, 9, 11, 19, 25, 31];
        var arr2 = [200, 300];
        alert($.merge(arr + arr2));

        $.unique(); //删除相同数字

        var divs = $("div").get();  //获取所有div
        divs = divs.concat($(".box").get());  //复制.box的div
        alert($(divs).size()); //获取所有div的个数
        $.unique(divs); //删除重复

        var arr = [4, 2, 6, 9, 11, 19, 25, 31];
        alert($.isArray(arr)); //判断是否为数组

        var fn = function () { }
        alert($.isFunction(fn)); // 判断是否为方法

        var obj = {};
        alert($.isEmptyObject(obj)); // 判断是否为空对象

        var obj = {};
        obj = new Object();
        alert(obj); //纯粹对象
        obj = window;// 内置存储对象
        obj = new Object("name");  //不在是纯粹对象 为字符串
        alert(obj);
        alert($.isPlainObject(obj)); // 判断是否为纯粹对象

        alert($.contains($(".box").get(0), $(".pox").get(0)));  //判断SPAN pox 是否包含在DIV box内

        var num = 1.23;
        alert($.isNumeric(num)); //判断是否数值

        var obj = {
            name: "Lee",
            age: 100
        };
        alert($.param(obj));// 将对象转换url格式
    });