|
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";
}
} |