zoukankan      html  css  js  c++  java
  • JSP处理AJAX

    register.jsp:

    <script type="text/javascript">
    	var req;
    	function validate() {
    		var idField = document.getElementById("userid");
    		var url = "Validate.jsp?id=" + escape(idField.value);
    		if(window.XMLHttpRequest) {
    			req = new XMLHttpRequest();
    		} else if (window.ActiveXObject) {
    			req = new ActiveXObject("Microsoft.XMLHTTP");
    		}
    		req.open("GET", url, true);
    		req.onreadystatechange = callback;
    		req.send(null);
    	}
    	
    	function callback() {
    		if(req.readyState == 4) {
    			if(req.status == 200) {
    				//alert(req.responseText);
    				var msg = req.responseXML.getElementsByTagName("msg")[0];
    				//alert(msg);
    		        setMsg(msg.childNodes[0].nodeValue);
    			}
    		}
    	}
    	
    	function setMsg(msg) {
    		//alert(msg);
    		mdiv = document.getElementById("usermsg");
    		if(msg == "invalid") {
    			mdiv.innerHTML = "<font color='red'>username exists</font>";
    		} else {
    			mdiv.innerHTML = "<font color='green'>congratulations! you can use this username!</font>";
    		}
    	}
    </script>
    

      

    validate.jsp:

    <%
    response.setContentType("text/xml");
    response.setHeader("Cache-Control", "no-store"); //HTTP1.1
    response.setHeader("Pragma", "no-cache"); //HTTP1.0
    response.setDateHeader("Expires", 0); //prevents catching at proxy server
    System.out.println(request.getParameter("id"));
    //check the database
    response.getWriter().write("<msg>valid</msg>");
    %>
    

      

  • 相关阅读:
    es6 yield简单使用
    es6 generator 函数中的yield理解
    es6 promise的使用,同时处理多个异步请求
    es6 filter的使用
    ES6中reduce的计算过程
    es6函数的参数展开
    搭建基于express框架的运行环境
    通过node.js搭建服务,访问html静态页面
    docker compose
    JDBCUtil
  • 原文地址:https://www.cnblogs.com/wujixing/p/5481375.html
Copyright © 2011-2022 走看看