Jquery Ajax学习实例7 Ajax所有过程事件分析示例

2020-05-23 06:09:02易采站长站整理

            <input type=”button” onclick=”BtnGlobalClick();” value=”GlobalEvents” />


      </div>


       <div id=”Result”>Result</div>
       <div id=”Process”>Process</div>


2.2、Jquery Ajax脚本 







局部事件(Local)实例全局事件(Global)实例

  <script language=”javascript” type=”text/javascript”>
            $.ready(function BtnSpareClick() {
                $.ajax({
                    type: “get”,
                    url: “//www.jb51.net/windy2008/rss”,
                    data: {},
                    global: false,
                    beforeSend: function(data, status, settings) {
                        $(“#Process”).text(“Part请求开始前”);
                        alert($(“#Process”).text());
                    },
                    success: function(data, status, settings) {
                        $(“item”, data).each(function(i, domEle) {
                            $(“#Result”).append(“<div>” + $(domEle).children(“title”).text() + “</div>”);
                        });
                        $(“#Process”).text(“Part请求成功时”);
                        alert($(“#Process”).text());
                    },
                    complete: function(data, status, settings) {
                        $(“#Process”).text(“Part请求完成时”);
                        alert($(“#Process”).text());
                    },
                    error: function(data, status, settings) {
                        $(“#Process”).text(“Part请求错误时”);
                        alert($(“#Process”).text());
                    }
                });
            });