ajax使用jquery加载文章实例源码

首页 > ajax, jquery > ajax使用jquery加载文章实例源码

ajax使用jquery加载文章实例源码

2009年12月18日云飞扬发表评论阅读评论

最近要医院要照顾宝宝，开出生证明，落户等事，很久没写文章了，
这里给个完整例子帮助理解jQuery Ajax 全解析例子,另外本文例子无法在firfox正常显示，下次再解决这个问题

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="zztools.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>
    <script>
        $.ajax({ type: "get", url: "http://www.ajaxcn.net/feed",
        beforeSend: function(XMLHttpRequest) {
            $("#detail").show();
             },
            success: function(data, textStatus) {
            $("item", data).each(function(index, domEle) {
            $(".result").append("<li><a href='" + $(domEle).children("link").text() + "' target='_blank' >" + $(domEle).children("title").text() + "</a></li>");
                });
            },
            complete: function(XMLHttpRequest, textStatus) {
                $("#detail").hide();
            },
            error: function() {
 
            }
        });
 
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div id="detail"  align="center">
     <span><img src="/Images/loading.gif" align="absmiddle">正在加载,请稍候……</span>
    </div>
      <p class="result"></p>
    </div>
    </form>
</body>
</html>