2010年7月5日 星期一

jQuery Ajax 使用方法

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'></script>
<script type='text/javascript'>
$(function() {

//XML時解析成XMLDOM,如傳回時已宣告ContentType=text/xml,type="xml"可省略
$.get("../ReturnDiffType.aspx?t=xml", {}, function(x) { alert($(x).find("Item").text()); }, "xml");
//JSON時直接解析成物件
$.get("../ReturnDiffType.aspx", { t: "json" }, function(o) { alert(o.Name + "->" + o.Rating); }, "json");
//上述寫法也可寫成以下形式
$.getJSON("../ReturnDiffType.aspx", { t: "json" }, function(o) { alert(o.Name + "->" + o.Rating); });
//Script時直接執行
$.get("../ReturnDiffType.aspx", { t: "script" }, null, "script");
//上述寫法較冗長,故多寫成以下形式
$.getScript("../ReturnDiffType.aspx?t=script", null);
//將HTML內容載入<div id="x"></div>中
$("#x").load("../ReturnDiffType.aspx", { t: "html" }, function(d) { alert('Loaded!'); });
});
</script>

沒有留言:

張貼留言