您的位置:首页 > 其它

Ajax实现动态刷新页面(get)

2017-08-17 16:33 453 查看
第一步:写一个Util.js

function getXmlHttpRequest() {
var xhr;

try {
// Firefox, Opera 8.0+, Safari
xhr = new XMLHttpRequest();
} catch (e) {

// Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {

try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
return xhr;
}


第二步写jsp注册界面

<script type="text/javascript">
window.onload = function () {
document.getElementById("name_r").onblur = function () {
var name = document.getElementById("name_r").value;

//                发出异步请求
var xhr = getXmlHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
//获取响应正文
document.getElementById("msg").innerHTML = xhr.responseText;
}
}
}
var url = "/servlet/CheckServlet?name_r=" + name + "&time=" + new Date().getTime();
xhr.open("GET", url, true);
xhr.send(null);
}
}
</script>


第三步:写一个Servlet

request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=utf-8");
BusinessService s = new BusinessServiceImpl();
String username =  request.getParameter("name_r");
if (username!=null){
PrintWriter pw = null;
try {
pw = response.getWriter();
} catch (IOException e) {
e.printStackTrace();
}
List<Author> authors =  s.listAuthors();
List names = new ArrayList();
for (Author authors1:authors){
names.add(authors1.getUsername());
}
if (names.contains(username)){
pw.write("<font color='red'>用户名呢已经存在</font>");
}else {
pw.write("<font color='green'>用户名可以使用</font>");
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: