|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46 |
<%@ Page Language="C#"
AutoEventWireup="true"
CodeFile="index.aspx.cs"
Inherits="index"
%><!DOCTYPE html><head runat="server"> <title>[Ajax测试]</title> <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> |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 |
using
System;using
System.Web.Services; //Mustpublic
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"; } } |
ASPX和Ajax结合使用的例子,布布扣,bubuko.com
原文：http://www.cnblogs.com/xtyang/p/3603040.html