下面是JavaScript的AJAX使用代码
<script type="text/javascript"> var xhr; // 声明一个函数,创建XMLHttpRequest对象 function getXMLHttpRequest(){ if (window.XMLHttpRequest) { return new XMLHttpRequest(); } } function userInput(textName) { //取文本框的值 var name = textName.value; //调用上面的函数创建对象 xhr = getXMLHttpRequest(); //设置回调函数 xhr.onreadystatechange = getResult; //封装请求 xhr.open("GET", "AddAdminSer?name=" + name, true); //发送请求 xhr.send(null); } // 回调函数,data表示从服务器端返回来的数据 function getResult() { //获取id为span的标签 var s = document.getElementById("span"); if (xhr.readyState == 4 && xhr.status == 200) { // 处理服务端返回来的数据 if (xhr.responseText == "y"){ s.style.color = "#0f0";s.innerHTML = "用户名可用"; } else{ s.style.color = "#f00";s.innerHTML = "用户名不可用"; } } } </script> JQuery的AJAX的使用代码 <script src="${base}js/jquery-1.8.3.js"></script> <script type="text/javascript"> //方法2 //get请求 $.get("AddAdminSer",{name:userName}, //回调函数 function(data){ if(datarrrr == "y"){ $("#span").css("color","#0f0").html("用户名可用"); } else{ $("#span").css("color","#f00").html("用户名不可用"); } }); //post请求 $.post("AddAdminSer",{name:userName}, //回调函数 function(data){ if(datarrrr == "y"){ $("#span").css("color","#0f0").html("用户名可用"); } else{ $("#span").css("color","#f00").html("用户名不可用"); } }); </script>