Ajax实现动态刷新页面(get)
2017-08-17 16:33
453 查看
第一步:写一个Util.js
第二步写jsp注册界面
第三步:写一个Servlet
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>"); } }
相关文章推荐
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- AJAX-实现WEB页面局部动态刷新
- ajax实现jsp页面的动态刷新时间
- 转载 使用AJAX实现动态刷新页面功能
- Ajax的常用技巧(6)---实现web页面局部动态刷新
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- Ajax的常用技巧(6)---实现web页面局部动态刷新
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- ajaxpro.dll 控件实现异步刷新页面
- 使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
- 利用ajax实现页面的局部刷新
- 利用ajax实现与php数据交互,并局部刷新页面
- Ajax的常用技巧(3)---实现自动刷新页面.
- PHP + JavaScript + Ajax 实现无刷新页面加载效果
- 使用 jQuery+Ajax+MySQL+Servlet 实现不刷新页面数据更新
- 静态页中利用AJAX.NET实现无刷新页面
- 一个页面实现修改删除列表显示,ajax动态生成table(使用ajax,springmvc,jsp)
- 如何通过JQ,Ajax来实现返回到上一个页面并进行刷新
- ASP.NET之使用Ajax实现页面异步刷新(无需刷新整个页面)