<%@ page contentType="text/html;charset=utf-8"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax测试</title>
</head>
<body>
<input id="btn" type="button" value="测试"/>
<p id="results"><b>Results: </b> </p>
<form>
<select name="single">
<option>Single</option>
<option>Single2</option>
</select>
<select name="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" name="check" value="check1"/> check1
<input type="checkbox" name="check" value="check2" checked="checked"/> check2
<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
<input type="radio" name="radio" value="radio2"/> radio2
</form>
<div id="msg"></div>
<script type="text/javascript" language="javascript" src="../js/jquery.js"></script>
<script language="javascript">
var SC_FORBIDDEN = 403;
$(document).ready(function(){
$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
$("#btn").bind("click",function(){
sendMsg();
});
});
$("#msg").ajaxStart(function(){
$(this).append("<li>请求开始时</li>");
});
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li>开始请求: " + settings.url + "</li>");
});
$("#msg").ajaxStop(function(){
$(this).append("<li>请求结束时</li>");
});
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>请求完成.</li>");
});
$("#msg").ajaxError(function(event,request, settings){
$(this).append("<li>出错页面:" + settings.url + "</li>");
if (SC_FORBIDDEN==request.status){
alert ("请先登录");
}
});
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>请求成功!</li>");
});
function sendMsg(){
$.ajax({
async: true,
type: "POST",
url: "ajax.jspx",
//timeout: 20,
username: "samkee",
password: "samkee",
data: $("form").serialize()+"&op=ajax",
dataFilter: function(data,text){alert ("hello");return data;},
dataType: "text",
});
}
</script>
</body>
</html>
ajax练习
最新推荐文章于 2024-07-16 16:43:05 发布