前台：
代碼
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<%--<script src="js/jquery-1.3.2.js" type="text/javascript"></script>--%>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#btn").click(function() {
$.getJSON(
"show.ashx", //產生JSON資料的服務端頁面
function(json) {
//迴圈取json中的資料,並呈現在列表中
$.each(json, function(i) {
$("#list").append("<li>username：" + json[i].FuserName + " userPWD：" + json[i].FpassWord + " Fmail：" + json[i].Fmail + " Fadress：" + json[i].Fadress + "</li>")
})
});
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3 title="選擇一個分區"><span>選擇</span></h3>
<input id="btn" type="button" value="擷取資料" />
<ul id="list"></ul>
</div>
</form>
</body>
</html>
後台：
代碼<%@ WebHandler Language="C#" Class="show" %>
using System;
using System.Web;
using System.Collections.Generic;
using System.Web.Script.Serialization;//添加此引用
using DAL;
using model;
public class show : IHttpHandler {
public void ProcessRequest (HttpContext context) {
JavaScriptSerializer serializer = new JavaScriptSerializer();
IList<Tuser> tuser = UserDB.getList();
string dt = serializer.Serialize(tuser);
context.Response.ContentType = "text/plain";
context.Response.Write(dt);
}
public bool IsReusable {
get {
return false;
}
}
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
