网站建设策划方案书下载,电子邮箱,国外包装设计网站,新网站怎么做友情链接概念:AJAX#xff1a;异步的 JavaScript 和 XML AJAX作用: 1.与服务器进行数据交换: 通过AJAX可以给服务器发送请求#xff0c;并获取服务器响应的是数据 使用了AJAX和服务器进行通讯#xff0c;就可以使用HTML和AJAX来替换JSP页面了 2.异步交互:可以在不重新加载整个页面的…概念:AJAX异步的 JavaScript 和 XML AJAX作用: 1.与服务器进行数据交换: 通过AJAX可以给服务器发送请求并获取服务器响应的是数据 使用了AJAX和服务器进行通讯就可以使用HTML和AJAX来替换JSP页面了 2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新网页的技术如:搜索联想、用户名是否可用校验等等... AJAX快速入门: 1.编写AjaxServlet,并使用response输出字符串 2.创建XML HttpRequest 对象: 用于和服务器交换数据 3.向服务器发送请求 4.获取服务器响应数据
script// 1.创建核心对象var xhttp ;if (window.XMLHttpRequest){xhttpnew XMLHttpRequest();}else {xhttpnew ActiveXObject(Microsoft.XMLHTTP);}// 2.发送请求xhttp.open(GET, http://localhost:8080/brand-demo/ajaxServlet);xhttp.send();// 3.获取相应xhttp.onreadystatechange function() {if (this.readyState 4 this.status 200) {alert(this.responseText);}};/script 案例:使用AJAX验证用户名是否存在 需求:在完成用户注册时当用户名输入框失去焦点时,校验用户名是否在数据库中已存在 script// 1.给用户输入框绑定失去焦点事件document.getElementById(username).onblurfunction (){// 2.发送AJAX请求// 获取用户名的值var username this.value();// 2.1创建核心对象var xhttp ;if (window.XMLHttpRequest){xhttpnew XMLHttpRequest();}else {xhttpnew ActiveXObject(Microsoft.XMLHTTP);}// 2.2 发送请求xhttp.open(GET, http://localhost:8080/brand-demo/selectUserServlet?usernameusername);xhttp.send();// 2.3获取相应xhttp.onreadystatechange function() {if (this.readyState 4 this.status 200) {// alert(this.responseText);// 判断if (this.responsesSenttrue){// 用户名存在显示提示信息document.getElementById(username_err).style.display;}else {// 用户名不存在清楚提示信息document.getElementById(username_err).style.displaynone;}}};}
/script
