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" //预期返回值 ); }