jQuery Ajax使用 全解析

2020-05-17 06:18:59易采站长站整理

Function



请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态


function (data, textStatus) {


                        // data could be xmlDoc, jsonObj, html, text, etc…


                        this; // the options for this ajax request


                        }


这里有几个Ajax事件参数:beforeSend success complete error 我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。注意一下,这些Ajax事件里面的 this 都是指向Ajax请求的选项信息的(请参考说 get() 方法时的this的图片)。
请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。


示例代码,获取博客园首页的文章题目: 


$.ajax({


            type: “get”,


            url: “http://www.cnblogs.com/rss”,


            beforeSend: function(XMLHttpRequest){


            //ShowLoading();


            },


            success: function(data, textStatus){


            $(“.ajax.ajaxResult”).html(“”);


            $(“item”,data).each(function(i, domEle){


            $(“.ajax.ajaxResult”).append(“<li>”+$(domEle).children(“title”).text()+”</li>”);


            });


            },


            complete: function(XMLHttpRequest, textStatus){


            //HideLoading();


            },


            error: function(){