Jqeury ajax 調用C#的背景程式

標籤：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JQueryTest.aspx.cs" Inherits="自訂捲軸_JQueryTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    <html xmlns="http://www.w3.org/1999/xhtml" >  <head id="Head1" runat="server">      <title></title>      <script src="jquery-1.8.3.min.js" type="text/javascript"></script>    <script type="text/javascript">          $(function() {              $("#btnOK").click(function() {                  $.ajax({                      type: "Post",                      url: "JQueryTest.aspx/SayHello",                      data: "{}",                      contentType: "application/json; charset=utf-8",                      dataType: "json",                      success: function(data) {                          alert(data.d);                      },                      error: function(err) {                          alert(err);                      }                  });                  return false;              });              $("#btnOK0").click(function() {                  $.ajax({                      type: "Post",                      url: "JQueryTest.aspx/GetStr",                      data: "{‘str‘:‘我是‘,‘str2‘:‘XXX‘}",                      contentType: "application/json; charset=utf-8",                      dataType: "json",                      success: function(data) {                          alert(data.d);                      },                      error: function(err) {                          alert(err);                      }                  });                  return false;              });              $("#btnOK1").click(function() {                  $.ajax({                      type: "Post",                      url: "JQueryTest.aspx/GetArray",                      data: "{}",                      contentType: "application/json; chartset=utf-8",                      dataType: "json",                      success: function(data) {                          $("#list").html("");                          $(data.d).each(function() {                              $("#list").append("<li>" + this + "</li>");                          });                          alert(data.d);                      },                      error: function(err) {                          alert(err);                      }                  });                  return false;              });              $("#btnOK2").click(function() {                  $.ajax({                      type: "Post",                      url: "JQueryTest.aspx/GetHash",                      data: "{‘key‘:‘haha‘,‘value‘:‘哈哈！‘}",                      contentType: "application/json: charset=utf-8",                      dataType: "json",                      success: function(data) {                          alert("key:haha==>" + data.d["haha"] + "/n key:www==>" + data.d["www"]);                      },                      error: function(err) {                          alert(err + "err");                      }                  });                  return false;              });              $("#btnOK3").click(function() {                  $.ajax({                      url: "XMLTest.xml",                      dataType: ‘xml‘,                      success: function(xml) {                          $("#list1").html("");                          $(xml).find("data>item").each(function() {                              $("#list1").append("<li>id:" + $(this).find("id").text() + "</li>");                              $("#list1").append("<li>name:" + $(this).find("name").text() + "</li>");                          })                      },                      error: function(result, status) {                          alert(status);                      }                  });                  return false;              });          });          </script>  </head>  <body>      <form id="form1" runat="server">      <div>          <input id="btnOK" type="button" value="button" />          <input id="btnOK0" type="button" value="button" />          <input id="btnOK1" type="button" value="button" />          <input id="btnOK2" type="button" value="button" />          <input id="btnOK3" type="button" value="button" />          <ul id="list"></ul>            <ul id="list1"></ul>       </div>      </form>  </body>  </html>  

 using System;  using System.Collections.Generic;  using System.Linq;  using System.Web;  using System.Web.UI;  using System.Web.UI.WebControls;  using System.Web.Script.Services;  using System.Web.Services;  using System.Collections;     public partial class 自訂捲軸_JQueryTest : System.Web.UI.Page    {          protected void Page_Load(object sender, EventArgs e)          {            }            [WebMethod]          public static string SayHello()          {              return "Hello Ajax";          }            [WebMethod]          public static string GetStr(string str, string str2)          {              return str + str2;          }            [WebMethod]          public static List<string> GetArray()          {              List<string> li = new List<string>();              for (int i = 0; i < 10; i++)              {                  li.Add(i + "");              }              return li;          }            [WebMethod]          public static Hashtable GetHash(string key, string value)          {              Hashtable hs = new Hashtable();              hs.Add("www", "yahooo");              hs.Add(key, value);              return hs;          }      }   

 

Jqeury ajax 調用C#的背景程式