<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>[Ajax测试]</title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("button").click(function () { $.ajax({ type:"post",//Must be POST contentType: "application/json",//Must data:"{'name':'xtyang','age':23}",//Response to parameters of method getReturn url: "index.aspx/getReturn", success: function (result) { alert(result.d);//Must } }); }); $(".Input").blur(function () { $.ajax({ type: "POST", url: "index.aspx/getCount", contentType: "application/json", data: "{'str':'" + $('.Input').val()+ "'}",//notice "'" success: function (result) { $('.ret-i').html("");//set the content with empty content $('.ret-i').html(result.d); } }); }); } ); </script> </head> <body> <form id="form1" runat="server"> <div> <button id="ajax">Test</button> <input type="text" class="Input" /> </div> <div class="ret-i"> </div> </form> </body> </html>
using System; using System.Web.Services; //Must public partial class index : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } [WebMethod] public static string getReturn(string name,int age) //Must { return name + " is " + age.ToString() + " years old"; } [WebMethod] public static string getCount(string str) { if (str.Length < 6) return "Input is not valid"; else return "Input is valid"; } }