JQuery方式实现Ajax（推荐）
需要引入jquery-1.8.3.js包
<script type="text/javascript" src="js/jquery-1.8.3/jquery-1.8.3.js"></script>
JQuery方式一(get/post)
参数要写key和val
$.ajax({
url：服务器地址，
get/post：请求方式，
data：请求数据源，
success：function(result,testStatus)
{ //ajax请求数据成功进入success
//js方式中，回调函数用responseText方式得到返回值
//但jq方式中直接通过参数result得到返回值
//testStatus为服务器状态
}，
error：function（xhr,errorMessage,e）
{//请求数据失败进入error
}，
......
（还有很多参数，可以参考jquery ajax词条）
})
示例代码：
<script type="text/javascript" src="js/jquery-1.8.3/jquery-1.8.3.js"></script>
<script type="text/javascript">
function register(){
var $mobile =$("#mobile").val();
$.ajax({
url:"MobileServlet",
请求方式:"post",
data:"mobile="+$mobile,
success:function(result,testStatus)
{
if(result=="true"){
alert("注册失败，号码已存在");
}
else{
alert("注册成功");
}
},
error:function(xhr,errorMessage,e)
{
alert("系统出错");
}
})
}
</script>
<title>Insert title here</title>
</head>
<body>
手机：<input id="mobile"><br/>
<input type="button" value="注册" onclick="register()"/>
</body>
</html>
JQuery方式二(get)
不需要写key
$.get(
服务器地址url,
请求数据data,
function(result){}
预期返回值类型("xml"/"json"/"text")
)
示例代码：
function register() {
var $mobile = $("#mobile").val();
$.get("MobileServlet", "mobile=" + $mobile, function(result,
testStatus) {
if (result == "true") {
alert("注册失败，号码已存在");
} else {
alert("注册成功");
}
}, "text" //预期返回值
);
}
JQuery方式三(post)
同get
$.post(
服务器地址url,
请求数据data,
function(result){}
预期返回值类型("xml"/"json"/"text")
)
示例代码：
function register() {
var $mobile = $("#mobile").val();
$.post("MobileServlet", "mobile=" + $mobile, function(result,
testStatus) {
if (result == "true") {
alert("注册失败，号码已存在");
} else {
alert("注册成功");
}
}, "text" //预期返回值
);
}
2088
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
