因為自個寫ajax實在是累,開發速度也慢,所以就整合了jQuery的類庫,同時很無恥的整進了開發項目中。0.0 以下是jQuery中$.ajax({data})方法返回json資料的方法
jQuery ajax方法獲得非同步資料目前在framework 3.5平台上引用System.Web.Script.Serialization;也可以獲得json資料。今天這裡寫的是基於framework 2.0平台上實現的。
//後台資料 protected void Page_Load(object sender, EventArgs e) { Response.Clear(); Response.Write("{status:'Y',message:'返回的資料狀態是Y'}"); Response.End(); }
<script type="text/javascript"> $("#btn").click( function () { $.ajax({ type: "get", url: "ajax_sources.aspx", cache: true, success: excute }); }); $("#div").ajaxSend( function () { $(this).html("正在發送請求....."); }); function excute(data) { eval("var data=".concat(data));//注意這裡。s if (data.status == "Y") { alert(data.message); } }</script>
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div id="div"> </div> <input id="btn" type="button" value="click" /> </form></body>