ajax小的DEMO

//收藏该记录
function addPageIdToCollect(typeID) {
    var obj = $("#Collect_pageID").val();
    var userid = $("#Collect_userID").val();
    var itemid = $("#Collect_item").val();
    $.ajax({
        url: "/Favorite/AddCollect",
        data: { "currentUserid": userid,
            "typeid": typeID,
            "pageid": obj,
            "randomID": Math.random()
        },
        async: false,
        dataType: "json",
        success: function (n) {
            if (n == 0) {
                alert("已经成功收藏！");
                var ID = $("#Collect_item").val();
                var obj = $("#" + ID);
                obj.val("已收藏");
                obj.attr('onclick', '');
                //obj.unbind("click", openFavorite);
                hideDivCollect();
            }
        },
        error: function () {
            alert("异常重试。");
        }
    });
}

            $.ajax({
                //要用post方式     
                type: "Post",
                //方法所在页面和方法名
                url: "sjhyfx.aspx/exportDataPDF?random=" + Math.random(),
                contentType: "application/json; charset=utf-8",
                //dataType: "json",
                success: function(data) {
                    delajaxloading();
                    var fileName = "事件还原分析.pdf";
                    //返回的数据用data.d获取内容
                    window.location.href = "/flowajax/exp.ashx?filePath=" + data.d
                                         + "&fileName=" + fileName;
                },
                error: function(err) {                
                    alert(0);
                }
            });

<script type="text/javascript">
        function deleteTag(obj) {
            alert(obj);
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: "Collection.aspx/delTag",
                data: "{tagId:" + obj
                      +",rand:"+Math.random()
                      +"}",
                dataType: "json",
                success: function() { alert(1) },
                error: function() { alert(0)}
            });
        }
    </script>
---针对WEBMETHOD方法---

 

// new ajax

        $(function () {
            $('#chart_attitude_day').click(function () { dowork() })
            function dowork() {
                var _ajax = new ajax_basic_fun();
                _ajax.success= function (data) { alert(data);}
                _ajax.error= function () {alert('ajax:0');}
                _ajax.handler();
            }
        })
        function ajax_basic_fun() {
        }
        ajax_basic_fun.prototype.success = function () { }
        ajax_basic_fun.prototype.error = function () { }
        ajax_basic_fun.prototype.handler = function () {
            $.ajax({
                type: "Post",
                url: "ajax/chart_brand_Handler.ashx?random=" + Math.random(),
                contentType: "application/json; charset=utf-8",
                success: this.success,
                error:this.error
            });
        }

// new ajax demo

 

function ajax_basic_fun(url, parameters) {
            this.url = url;
            this.parameters = parameters;
        }
        ajax_basic_fun.prototype.success = function () { }
        ajax_basic_fun.prototype.error = function () { }
        ajax_basic_fun.prototype.handler = function () {
            var paramArr = new Array();
            paramArr.push(this.parameters);
            paramArr.push('random=' + Math.random());
            var _url = this.url + '?' + paramArr.join('&'); ;
            $.ajax({
                type: "Post",
                url: _url,
                contentType: "application/json; charset=utf-8",
                success: this.success,
                error: this.error
            });
        }

 

function dowork() {
                var url = 'ajax/chart_brand_Handler.ashx'
                var parameters = '';
                var _ajax = new ajax_basic_fun(url,parameters);
                _ajax.success = function (data) { alert(data); }
                _ajax.error = function () { alert('ajax:0'); }
                _ajax.handler();
            }