zoukankan      html  css  js  c++  java
  • 实现ajax

    //jsp页面

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'T9_1.jsp' starting page</title>
        
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->

        <script type="text/javascript" src="jquery/jquery-1.8.0.js"></script>
        
        <script type="text/javascript">
            //实现ajax
            function isCheckRegister(id,judge){
                //传多个参数,message:$(id).val(),judge:judge,key-value对,其实转换为url?message=id的value值?judge=judge的值
                //post提交:第一个参数url,第二个参数:要提交的参水,第三个参数回调函数,第四个参数:返回是的文本形式
                //post提交:除了一个参数不可以省略,其余的都是可选的
                $.post("T9_1Servlet",{message:$(id).val(),judge:judge},function(date)
                {
                    if(judge){
                        //获取id为msgEmail,注意的:id必须前面加上#,name加上.其实就跟样式一样,例如<div id="#aaa" name=".aaa"></div>
                        //.html是innerHTML的缩写
                        $("#msgEmail").html(date);
                        //这句代码是为文本框Id为email的value值赋值
                        //$("#email").val(date);
                    }else{
                        $("#msgUserName").html(date);
                    }
                });
            }
            
            //得到焦点时,清空数据
            function facousEmail(){
                $("#msgEmail").html("");
            }
            
            function facousUserName(){
                $("#msgUserName").html("");
            }
        </script>
      </head>
     
      <body>
            * Email:<input  type="text" id="email" onfocus="facousEmail()"  onblur="isCheckRegister(this, true)" />
            <span id="msgEmail"></span> <br />
           * 用户名:<input  type="text"  id="userName" onfocus="facousUserName()"  onblur="isCheckRegister(this, false)"/>
           <span id="msgUserName"></span><br />

      </body>
    </html>

    //servlet

    package controller;

    import java.io.IOException;
    import java.io.PrintWriter;

    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;

    public class T9_1Servlet extends HttpServlet {

        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {

            doPost(request, response);
        }

        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {

            response.setContentType("text/html;charset=utf-8");
            request.setCharacterEncoding("utf-8");
            response.setCharacterEncoding("utf-8");
            PrintWriter out=response.getWriter();
            System.out.println(request.getRequestURL());
            boolean judge= Boolean.parseBoolean( request.getParameter("judge"));
            String id=request.getParameter("message");
            if(judge){
                if(id.trim().equals("mysec@163.com")){
                    out.println("该Email已使用过");
                }else {
                    out.println("可以注册");
                }
            }else {
                if(id.trim().equals("mysec")){
                    out.println("用户名已使用");
                }else {
                    out.println("用户名可以注册");
                }
            }
            out.flush();
            out.close();
        }

    }

  • 相关阅读:
    Mobile GMaps - Google Map移动版
    365Key今天不能用了,感觉不爽
    推荐:对个人免费的杀毒软件[avast!]
    向 Visual Studio 2005 Tools for Office 迁移时,将 VBA 代码转换为 Visual Basic .NET
    令人向往的3000年生活(转载)
    也说技术人员创业
    痛恨3721的朋友们,装个avast! Antivirus吧
    很Cool很全的Google Map的应用
    关于.net的企业应用开发
    天天网摘(20050704)
  • 原文地址:https://www.cnblogs.com/danmao/p/3869043.html
Copyright © 2011-2022 走看看