ASPX和Ajax结合使用的例子
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; //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" ; } } |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。