<%@ 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; } }