<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax-get().html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="JavaScript" src="jquery-1.6.1.js"></script>
<script language="JavaScript">
$(function(){
$("#bt1").click(function(){
var name =$("#tx1").val();
var URL = "../validate"
var param="name="+name+"&date="+new Date().getTime();
$.ajax({
type:"POST",
url:URL,
data:param,
dataType:"xml",
success:function(msg){
alert(msg);
var jqueryObj =$(msg) ;//把后台传来的对象转为JQuery对象
alert(jqueryObj);
var content = jqueryObj.text();
$("#sp1").text(content);
}
});
})
})
</script>
</head>
<body>
<p align="center">
6-2 用户注册
</p>
<table align="center">
<tr>
<td>
用户名
</td>
<td>
<input type="text" id="tx1">
<input type="button" id="bt1" value="检测">
</td>
<td>
<span id="sp1"></span>
</td>
</tr>
</table>
</body>
</html>
ps:后台代码与 JQuery--$.ajax(get)方法 一样