星期四, 7月 04, 2013

在 ASP.NET 做簡單的 Ajax + JSON 測試

  1. Visual Studio 新建方案,範本挑 ASP.NET Empty Web Application 就可以了,其他較複雜的應該更沒問題。
  2. .NET Framework 版本沒特別要求,現在的 2.0 到 4.5 都可以。
  3. Web.config 沒什麼要加要改的。
  4. 這次實驗用的是 jquery-1.8.2.min.js,但版本應該沒什麼限制。
  5. 新建測試首頁,名為 Test.html
    • <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
    • function query() {
          $.ajax({
              url: "/Test.ashx",
              success: function (time) {
                  $("#timeCell").text(time.now);
              }
          });
      }
    • <input type="button" onclick="query()" value="query" />
    • <td id="timeCell"></td>
  6. 新建 Generic Handler,名為 Test.ashx
    • using System;
    • using System.Web;
    • public void ProcessRequest(HttpContext context)
      {
          context.Response.ContentType = "text/json";
          context.Response.Write("{\"now\": \"" + DateTime.Now + "\"}");
      }

沒有留言:

張貼留言