简单html与servlet交互_水若

http://blog.sina.com.cn/u/1744996592

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

简单html与servlet交互

(2012-08-23 16:44:51)

标签：

it

分类： Webpage

1.usercheck.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <link href="../lib/ligerUI/skins/Aqua/css/usertext.css" rel="stylesheet" type="text/css" />
    <script src="../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/useropera.js" type="text/javascript"></script>
</head>
<body>
填写用户名

2.usertext.css

.userClass {
border: 1px solid red ;
background-image: url(../../../../../images/star.gif);
background-repeat: repeat-x;
background-position: bottom;
}

3.useropera.js

$(document).ready(function(){
$("#verifyButton").click(function(){

var userName=$("#text1").val();

     if(userName==""){
     alert("用户名不能为空");
   }else{
      //将用户名传到servlet中
      $.get("http://127.0.0.1:8080/ServletDemo/Demo?user="+ encodeURI(encodeURI(userName)),null,function(response){
      $("#result").html(response);

});
   }

});
   $("#text1").keyup(function(){
   var value = $(this).val();
   if(value==""){
   $(this).addClass("userClass");
   }else {
   $(this).removeClass("userClass");
   }
});
});

4.Demo

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class Demo extends HttpServlet {

    public Demo() {
    }
    public void doGet(HttpServletRequest req,HttpServletResponse res){
    try{
                res.setHeader("Cache-Control", "no-cache");
                res.setContentType("text/text;charset=UTF-8");
                req.setCharacterEncoding("UTF-8");

      String u=req.getParameter("user");;
         //PrintWriter pw=res.getWriter();
      FileReader fr=new FileReader("E:\\jquery\\JQuery\\file\\userName.txt");
       BufferedReader br=new BufferedReader(fr);
       String line;
       boolean flag=false;
       while((line =br.readLine())!=null){

        if(line.equalsIgnoreCase(u)){
                                PrintWriter out = res.getWriter();
                                out.write("此用户名已经被注册!");
                                out.flush();
                                out.close();
                    flag=true;
        }
       }
       br.close();
       if(!flag){
                         PrintWriter out = res.getWriter();
                         out.write("此用户名可以使用!");
                         out.flush();
                         out.close();
      }

    }catch(Exception ex){
      ex.printStackTrace();
    }
    }

    public void doPost(HttpServletRequest req,HttpServletResponse res){
    this.doGet(req,res);
    }

}

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：可被编辑的表格

后一篇：制作标签页

新浪BLOG意见反馈留言板　欢迎批评指正