2010年11月8日 星期一

ASP.NET JQuery 從後端載入XML資料,然後將XML的tag放到相對應的HTML欄位

從後端載入XML資料,然後將XML的tag放到相對應的HTML欄位內。

'*************************************************************
' 前端
'*************************************************************
/* 選取不同的 科目類別 ----------------------------------------------------- */
$('#LoginView1_ddlSubject').change(function() {
var si = $('#LoginView1_ddlSubject option:selected').val();
var SelSub=$('#LoginView1_ddlSubject option:selected').text() ;
if ( si !=0 ) {
$.blockUI({message: '


使用者紀錄載入中,請耐心稍後喔…



'});
//針對不同的科目id顯示對應的 [匯出記錄]超連結
$('#outputxml').attr("href",'OutputUD.ashx?selsi=' + si + '&selsn=' + SelSub);
//執行ajax功能
$.ajax({
url: "FetchRdr.ashx",
type: "POST", /* 傳輸量若太多要改用POST */
data: "V=" + si ,
cache: false,
/*dataType: "xml", 回傳格式 xml */
success: function(response) {
// ................")
//var x = $("" + response + "");
var x = $(response );
//alert (x.find("SecionA").text());
$("#RdrS1").html(x.find("SecionA").text());
$("#RdrS2").html(x.find("SecionB").text());
$("#RdrS3").html(x.find("SecionC").text());
$("#RdrS4").html(x.find("SecionD").text() + x.find("SecionE").text()); //此區塊一併寫入 重點參數!
//$("#RdrS1").html(response);
$.unblockUI(); //取消動畫!
}, /* 若不成功,大部分是伺服端APSX的問題 且客戶端送出的字串前後結尾不可以有雙引號等特殊字元 */
error: function(xhr, textStatus, thrownError) { alert("錯誤:" + xhr.responseText); }
}) /* data: "acc='abc'",*/
}
else { // 沒有選擇科目時
//alert('請先選擇要複習的科目喔~ \n\n 提醒: 匯出使用者記錄,只允許每次匯出一個科目....') ;
$('.OutputUserData').attr("href",'#');
}
});


'*************************************************************
' 後端
'*************************************************************




'++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
'
' 配合 XML 設定 (只是仿製為XML的用法,<![CDATA[xxx]]> 可避開標籤的問題!) JQuery 將 字串 前後包住 即可使用XML工具FIND的函數!
'
'++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
sb.Append("<xml><udr><seciona><![CDATA[xxxxxxxx]]></SecionA>")
sb.Append("<secionb><![CDATA[xxxxxxxxxxxxx]]></SecionE></Udr></xml>")
context.Response.Write(sb.ToString)
'最後輸出
context.Response.End()

沒有留言:

張貼留言

追蹤者