<!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>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function () {
$('#selectNum').change(function () {
var idValue = $(this).val();
var show = $('#show');
$.ajax
({
url: 'Server.aspx',
type: 'POST',
data: { id: idValue },
//调小超时时间会引起异常
timeout: 3000,
//请求成功后触发
success: function (data) { show.append('success invoke!' + data+'<br/>'); },
//请求失败遇到异常触发
error: function (xhr, errorInfo, ex) { show.append('error invoke!errorInfo:' + errorInfo+'<br/>'); },
//完成请求后触发。即在success或error触发后触发
complete: function (xhr, status) { show.append('complete invoke! status:' + status+'<br/>'); },
//发送请求前触发
beforeSend: function (xhr) {
//可以设置自定义标头
xhr.setRequestHeader('Content-Type', 'application/xml;charset=utf-8');
show.append('beforeSend invoke!' +'<br/>');
},
//是否使用异步发送
async: true
})
});
})
</script>
</head>
<body>
<select id="selectNum">
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="show"></div>
</body>
</html>
jQuery-ajax示例含客户端和服务端源码（可运行
5星 · 超过95%的资源 需积分: 44 43 浏览量
2014-04-12
17:45:06
上传
评论 2
收藏 123KB RAR 举报 
jQuery-ajax示例含客户端和服务端源码（可运行）.rar （7个子文件） 
jQuery-ajax示例含客户端和服务端源码（可运行） 
Server.aspx 99B web.config 2KB ClientAjax.htm 2KB Server.aspx.cs 1KB Scripts jquery-1.4.1.min.js 70KB jquery-1.4.1-vsdoc.js 234KB jquery-1.4.1.js 165KB App_Data 
- 1
- 2
前往页