C# 利用JQuery调用后台方法

最新推荐文章于 2024-09-08 14:19:46 发布

bzhyan

最新推荐文章于 2024-09-08 14:19:46 发布

阅读量2.4k

点赞数 2

分类专栏： jQuery 文章标签： jquery c# function json url xml

本文链接：https://blog.csdn.net/tiger00598/article/details/6753159

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

页面代码：

 
   view plain 
  
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQueryTest.aspx.cs" Inherits="MsChartTest.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 runat="server">  
     <title></title>  
     <mce:script src="JS/jquery.js" mce_src="JS/jquery.js" type="text/javascript"></mce:script>  
     <mce: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;  
             });  
         });   
       
 // --></mce: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>  

后台代码：

 
   view plain 
  
 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;  
   
 namespace MsChartTest  
 {  
     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;  
         }  
     }  
 }  