少年阿宾

那些青春的岁月

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  500 Posts :: 0 Stories :: 135 Comments :: 0 Trackbacks

#

//ReceiveAction.java
package com.abin.ajax.action;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import com.abin.ajax.bean.UserBean;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

public class ReceiveAction extends ActionSupport implements ModelDriven{
 private String result;
 private UserBean user;
 public Object getModel(){
  if(null==user){
   user=new UserBean();
  }
  return user;
 }
 public String receive(){
  HttpServletResponse response=ServletActionContext.getResponse();
  String username=user.getUsername();
  String password=user.getPassword();
  String company=user.getCompany();
  String work=user.getWork();
  String address=user.getAddress();
  
  try {
   if(username!=null){
    System.out.println("username="+username);
    result="1";
    response.getWriter().write("1");
    response.getWriter().flush();
    response.getWriter().close();
    return "json";
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
  return null;
 }
 
 
 public UserBean getUser() {
  return user;
 }
 public void setUser(UserBean user) {
  this.user = user;
 }
 public String getResult() {
  return result;
 }
 public void setResult(String result) {
  this.result = result;
 }
 
}



//struts.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
   
<struts>
 <package name="userAjax" extends="json-default" namespace="/" >
  <action name="receive" method="receive" class="com.abin.ajax.action.ReceiveAction">
   <result name="json" type="json"></result>
  </action>
 </package>


</struts>






//web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>website</display-name>
 
  <filter>
        <filter-name>struts2</filter-name>
        <filter-class>
            org.apache.struts2.dispatcher.FilterDispatcher
        </filter-class>
    </filter>
 
    <filter-mapping>
        <filter-name>struts2</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
 
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>





//index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>清风少年</title>
<link href="css/page/html.css" type="text/css" rel="stylesheet"></link>
</head>
<style type="text/css">
#nav li {
 display: inline;
 list-style-type: none;
 padding: 5px;
}
</style>
<script type="text/javascript" src="js/first/public.js"></script>


<body>
 <ul id="nav">
  <li><a href="http://www.itpuji.net.cn">首页</a></li>
  <li><a href="#">博客</a></li>
  <li><a href="#">相册</a></li>
  <li><a href="#">圈子</a></li>
  <li><a href="#">设置</a></li>
 </ul>
 <br/>
 <span id="txt" ></span>
 <br/>
 <div id="practise">
  用户名:<br/>
  <input type="text" name="username" id="username"/><br/>
  密码:<br/>
  <input type="text" name="password" id="password"/><br/>
  <hr/>
  公司:&nbsp;
  <select id="company" name="company">
   <option value="abin">abin</option>
   <option value="bing">bing</option>
  </select>
  <br/>
  <hr/>
  职业:<br/>
  农民:
  <input type="checkbox" name="work" id="work" checked  value="1"/>
  男人:
  <input type="checkbox" name="work" id="work"/><br/>
  诗人:
  <input type="checkbox" name="work" id="work"/>
  歌手:
  <input type="checkbox" name="work" id="work"/><br/>
  <hr/>
  家庭住址:<br/>
  中国:
  <input type="radio" name="address" id="address" checked  value="1"/>
  凉城:
  <input type="radio" name="address" id="address"/><br/>
  内蒙古:
  <input type="radio" name="address" id="address"/><br/>
  
  <input type="button"  value="提交" onclick="SendAndReturn()"/>
 </div>


</body>
</html>

 





//public.js
//创建Ajax请求
function CreateXmlRequest(){
  var xmlHttp=false;
  if(window.XMLHttpRequest){
   xmlHttp=new XMLHttpRequest();
  }else if(window.ActiveXObject){
   try{
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
   }catch(e1){
    try {
     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    } catch (failed) {
     xmlHttp=false;
    }
    
   }
  }
  return xmlHttp;
 }
 
function SendAndReturn(){
 var username=document.getElementById("username").value;
 var password=document.getElementById("password").value;
 var company=document.getElementById("company").value;
 var work=document.getElementById("work").value;
 var address=document.getElementById("address").value;
 
 var request=CreateXmlRequest();
 if(!request){
  document.getElementById("txt").innerHTML="当前浏览器不支持";
 }else{
  document.getElementById("txt").innerHTML="创建xmlHttp成功";
  request.open("post","receive?username="+username+"&password="+password+"&company="+company+"&work="+work+"&address="+address,true);
  request.send();
  request.onreadystatechange=function(){
   if(request.readyState==4){
    if(request.status==200){
     var data=request.responseText;
     
     alert("data="+data);
     if(data=="1"){
      alert("username!=null");
     }
     document.getElementById("txt").innerHTML=request.responseText;
    }
   }
  }
 }
 
 
 
 
}
posted @ 2011-12-22 00:14 abin 阅读(906) | 评论 (0)编辑 收藏

我要说的内容都是非常基础的内容,老手就免看了,如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看,帮助理解与记忆。

XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始。

了解XMLHttpRequest 对象就先从建立 XMLHttpRequest 对象开始,在不同的阅读器中建立 XMLHttpRequest 对象运用不同的要领:

先看看IE建立 XMLHttpRequest 对象的要领(要领 1):

var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");  //运用较新版本的 IE 建立 IE 兼容的对象(Msxml2.XMLHTTP)
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //运用较老版本的 IE 建立 IE 兼容的对象(Microsoft.XMLHTTP)
而 Mozilla、Opera、Safari 和大部分非IE的阅读器都运用下面这种要领(要领 2)建立 XMLHttpRequest 对象:

var xmlhttp = new XMLHttpRequest();
实际上Internet Exp lorer 运用了一个名为 XMLHttp 的对象,而不是 XMLHttpRequest 对象,而 Mozilla、Opera、Safari 和 大部分非 Microsoft 阅读器都运用的是后者(下文统称 XMLHttpRequest 对象)。IE7开始也开始运用 XMLHttpRequest 对象了。

在建立 XMLHttpRequest 对象的时候如果不同的阅读器运用了不正确的要领阅读器都将会报错,并且不能运用该对象。所以我们须要一种可以兼容不同阅读器的建立 XMLHttpRequest 对象的要领:

建立兼容多阅读器的 XMLHttpRequest 对象要领
var xmlhttp = false; //建立一个新变量 request 并赋值 false。运用 false 作为判断条件,它表示还没有建立 XMLHttpRequest 对象。
function CreateXMLHttp(){
    try{
        xmlhttp = new XMLHttpRequest();  //尝试建立 XMLHttpRequest 对象,除 IE 外的阅读器都支持这个要领。
    }
    catch (e){
        try{
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");  //运用较新版本的 IE 建立 IE 兼容的对象(Msxml2.XMLHTTP)
    }
        catch (e){
            try{
              xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //运用较老版本的 IE 建立 IE 兼容的对象(Microsoft.XMLHTTP)。
            }
            catch (failed){
                  xmlhttp = false;  //如果失败则保证 request 的值仍然为 false。
            }
        }
    }
    return xmlhttp;
}
判断能不能建立成功就很基本了

 

if (!xmlhttp){
 //建立 XMLHttpRequest 对象失败!
}
else{
 //建立成功!
}
建立好了XMLHttpRequest 对象我们再来看看这个对象的要领、属性以及最主要的onreadystatechange事件句柄吧。

要领:

open() 说明:原始化 HTTP 请求参数,例如 URL 和 HTTP 要领,但是并不发送请求。
abort() 说明:取消当前响应,关上连接并且结束任何未决的网络活动。
getAllResponseHeaders() 说明:把 HTTP 响应头部作为未分析的字符串返回。
getResponseHeader() 说明:返回指定的 HTTP 响应头部的值。
send() 说明:发送 HTTP 请求,运用传递给 open() 要领的参数,以及传递给该要领的可选请求体。
setRequestHeader() 说明:向一个打开但未发送的请求配置或添加一个 HTTP 请求。
属性:

readyState 说明:HTTP 请求的状态。
responseText 说明:目前为止为服务器接收到的响应体(不包括头部),或者如果还没有接收到数据的话,就是空字符串。

responseXML 说明:对请求的响应,分析为 XML 并作为 Document 对象返回。
status 说明:由服务器返回的 HTTP 状态代码。
statusText 说明:这个属性用名称而不是数字指定了请求的 HTTP 的状态代码。
onreadystatechange 是每次 readyState 属性改动的时候调用的事件句柄函数。
下面从发送请求并处理请求结果的流程来理解一下XMLHttpRequest 对象吧。

 

发送请求之前自然就是生成一个XMLHttpRequest 对象,代码上面有了就不多写了。

生成一个XMLHttpRequest 对象

var xmlhttp = CreateXMLHttp();
建立好XMLHttpRequest 对象了,那我们要送请求到哪个站点呢,就选择博客园首页的RSS吧。那如何配置我要请求的站点地址呢,运用 open()要领。
open(method, url, async, username, password)
该要领有5个参数,具体什么意思可以看这里:http://www.w3school.com.cn/xmldom/dom_http.asp
我们用的就是这个了。

xmlHttp.open("get",");
get参数表示用get要领,第二个自然就是目标地址,博客园首页,第三个就是表示能不能异步了,我们当然运用 true了。具体的参数说明还都可以到http://www.w3school.com.cn上面看了。
好了,目标定好了,如何发送呢。用send()要领。
send(body),send()要领只有一个参数,表示DOM对象,这个DOM对象须要说明的内容很多,下次说,今天我们只要写

 

xmlhttp.send(null);
就可以了。好了,发送了,那如何处理返回的结果呢,这个时候就用到XMLHttpRequest 对象最主要的东西了,那就是onreadystatechange事件句柄。什么意思呢,那就须要说明一下XMLHttpRequest 对象的readyState了,readyState有5种状态,分别用数字的 0 到 4 来表示。

状态      名称            描述
0      Uninitialized       原始化状态。XMLHttpRequest 对象已建立(未调用open()之前)或已被 abort() 要领重置。
1      Open           open() 要领已调用,但是 send() 要领未调用。请求还没有被发送。

2      Sent            Send() 要领已调用,HTTP 请求已发送到 Web 服务器。未接收到响应。
3      Receiving      所有响应头部都已经接收到。响应体开始接收但未完成。
4      Loaded         HTTP 响应已经完全接收。

 

但是须要留心的是,onreadystatechange事件句柄不同的阅读器能处理的状态并不一致,IE和FireFox能处理1到4,而Safari能处理2到4的状态,Opera 能处理3、4两中状态。0的状态基本没什么用,因为建立了XMLHttpRequest 对象后都会马上调用open() 要领,这时候状态就变成1了,当然除非你要判断对象能不能已经被 abort() 取消,可是这样的情况依然很少。大部分情况下判断是不是4(已经接受完成)这个状态就够了。
好了,明白了readyState有5种状态了,那处理返回结果就是看状态变更到不同的状态我们做不同的处理就可以了,如何告诉XMLHttpRequest 对象状态变化时让谁来处理这个变化呢。有两种写法,一种是用匿名要领,另一种是指定要领,其实只是不同的写发,作用都一样,看下代码:

xmlhttp.onReadyStateChange = function (){
 //处理状态变化的代码
}
//或者
xmlhttp.onReadyStateChange = getResult;
function getResult(){
 ///处理状态变化的代码
}
//顺便说一下,句柄的名称比较长,可以这样记忆 on ReadyState Change 表示在读取状态改动时
请求发送了,也指定处理要领了,如何获取返回的内容呢,有responseText和responseXML两个属性可供运用,responseXML是返回对象,须要再分析,后面再说,这里先用responseText,看看返回什么。

alert(xmlhttp.responseText); //看看是不是返回了首页的HTML代码啊。是你就成功了。
整个流程是:建立 XMLHttpRequest 对象 -> 指定发送地址及发送要领 -> 发送请求 -> 指定处理要领并处理返回结果。但是须要留心,我们正常的思路理解是这样的,可是onreadystatechange事件句柄指定处理要领须要在发送之前就指定好,否则不能处理状态变化事件。

所以我们应该按照下面的流程来记忆:建立 XMLHttpRequest 对象 -> 指定发送地址及发送要领 -> 指定状态变化处理要领 -> 发送请求,请求发送后状态变化了就会自动调用指定的处理要领。
好了,看看完成的代码吧。

 

完成的代码

  var xmlhttp = false; //建立一个新变量 request 并赋值 false。运用 false 作为判断条件,它表示还没有建立 XMLHttpRequest 对象。
    function CreateXMLHttp(){
        try{
            xmlhttp = new XMLHttpRequest();  //尝试建立 XMLHttpRequest 对象,除 IE 外的阅读器都支持这个要领。
        }
        catch (e){
            try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");  //运用较新版本的 IE 建立 IE 兼容的对象(Msxml2.XMLHTTP)
            }
            catch (e){
                try{
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //运用较老版本的 IE 建立 IE 兼容的对象(Microsoft.XMLHTTP)。
                }
                catch (failed){
                      xmlhttp = false;  //如果失败则保证 request 的值仍然为 false。
            }
            }
        }
        return xmlhttp;
    }
    xmlhttp = CreateXMLHttp();
    xmlhttp.open("get",");
    xmlhttp.onReadyStateChange = getResult;
    xmlhttp.send(null);
    function getResult(){
        if(xmlhttp.readyState == 4){
            alert(xmlhttp.responseText);
        }
    }
看似一切都OK了,可是有没有想过,如果HTML代码在网络传输流程中出错了,或者我们指定的地址失效会如何样呢。这个时候就须要用到status属性,即由服务器返回的 HTTP 状态代码。 xmlhttp.status 等于200时表示传输流程完整没有不正确。具体的HTTP状态代码什么意思可以到W3C组织站点上看看,地址http://www.w3.org/Protocols/rfc2616/rfc2616-sec6.html#sec6.1.1
把getResult()要领写成下面这样我觉的就真的OK了。

 

 function getResult(){
  if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
   alert(xmlhttp.responseText);
  }
 }
好了,一个本来挺基本的东西,被我写的这么多,好象很罗嗦。不过我觉的编程对基础内容的理解很主要,现在很多时候开发AJAX的程序都运用很多JS的库,不须要直接编写这么基础的代码。如运用著名的jQuery,但是如果我们对基础的东西有很好的理解,那这些库报告不正确 ,或者出现疑问我们可以很好很快的知道错在哪里,更快的做出改动使程序正常运行。

 

posted @ 2011-12-21 23:22 abin 阅读(307) | 评论 (0)编辑 收藏

//UpdateAction.java



package com.abin.hospital.action;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.ServletActionContext;

import com.abin.hospital.bean.UserBean;
import com.abin.hospital.singleton.UpdateSingleton;
import com.abin.hospital.singleton.UserSingleton;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class UpdateAction extends ActionSupport{
private static final UpdateSingleton updateSinglenton=UpdateSingleton.getInstance();
private String result;

public String update(){
  ActionContext context=ActionContext.getContext();
  HttpServletRequest request=(HttpServletRequest)context.get(ServletActionContext.HTTP_REQUEST);
  String username=request.getParameter("username");
  String password=request.getParameter("password");
  String password1=request.getParameter("password1");
  String password2=request.getParameter("password2");
  UserBean bean=null;
  try {
   bean=this.updateSinglenton.findUserByUserID(username);
  } catch (Exception e) {
   e.printStackTrace();
  }
 
  if(bean==null||bean.getUserid()==null){
   result="notexist";
   return "json";
  }
 
  if(bean.getUserid()!=null&&!bean.getPassword().equals(password)){
   result="failure";
   return "json";
  }
 
  if(bean.getUserid()!=null&&bean.getPassword().equals(password)){
   int end=0;
   try {
    end=this.updateSinglenton.updateUserByUserID(bean,password1);
   } catch (Exception e) {
    e.printStackTrace();
   }
   if(end==1){
    result="success";
    return "json";
   }else{
    result="updatefailure";
    return "json";
   }
  
  }
 
  return null;
}

public String getResult() {
  return result;
}

public void setResult(String result) {
  this.result = result;
}
}




//struts-update.xml



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
   
<struts>
<package name="userupdate" extends="json-default" namespace="/user" >

  <action name="update" method="update" class="com.abin.hospital.action.UpdateAction">
   <result name="json" type="json"></result>
  </action>

</package>


</struts>





//update.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Young ABIN</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
</head>
<script  type="text/javascript" src="../js/jquery-1.7.min.js"></script>
<script  type="text/javascript">
function Validate() {
  if($("#user").val()==""){
   alert("用户名不能为空!");
   $("#user").focus();
   return false;
  }
  if($("#oldpass").val()==""){
   alert("旧密码不能为空");
   $("#oldpass").focus();
   return false;
  }
  if($("#newpass1").val()==""){
   alert("新密码不能为空");
   $("newpass1").focus();
   return false;
  }
  if($("#newpass2").val()==""){
   alert("新确认密码不能为空");
   $("newpass2").focus();
   return false;
  }
  if($("#newpass1").val()!=$("#newpass2").val()){
   alert("两次填写的新密码不一样,请您重新填写");
   $("newpass1").focus();
   return false();
  }
 
  var username=$("input[name='username']").val();
//  alert("用户名="+username);
  var password=$("input[name='password']").val();
//  alert("password="+password);
  var password11=$("input[name='password11']").val();
//  alert("password1="+password11);
  var password22=$("input[name='password22']").val();
  alert("password2="+password22);
 
  $.ajax({
   url : "../user/update.action",
   type : "post",
   data : ({username : username ,password : password,password1 : password11,password2 : password22}),
   success : function(data){
    if(data.result=="notexist"){
     alert("该用户不存在,请您先注册");
    }else if(data.result=="success"){
    // alert("修改密码成功");
     document.write("修改密码成功")
     document.write("<br/>");
     window.location.href="../login.jsp";
    }else if(data.result=="failure"){
     alert("旧密码不正确");
    }else if(data.result=="updatefailure"){
     alert("用户密码修改失败,请您重新修改");
    }
   }
  
  });
 
}
</script>
<body >
   用户名:
   <input id="user" name="username" type="text" />
   <br />
   旧密码:
   <input id="oldpass" name="password" type="password" />
   <br />
   密码:
   <input id="newpass1" name="password11" type="password" />
   <br />
   确认密码:
   <input id="newpass2" name="password22" type="password" />
   <br />
   <input value="提交" type="submit" onClick="Validate()"/>
  
   <input value="重置" type="reset" />
   <br />

</body>
</html>

posted @ 2011-12-21 23:22 abin 阅读(3716) | 评论 (1)编辑 收藏

package com.abin.mongo;
import com.mongodb.DB;
import com.mongodb.DBCollection;
import com.mongodb.Mongo;
public class DBClass {
private static final String host="127.0.0.1";
private static final int port=27017;
private static final String username="abin";
private static final String passwd="abin";
private static final String dbase="abin";
private static boolean auth=false;
private static Mongo mg=null;
public static DBCollection Connection(String collection){
DB db=null;
DBCollection col=null;
try {
mg=new Mongo(host,port);
db=mg.getDB(dbase);
auth=db.authenticate(username, passwd.toCharArray());
if(auth==true){
System.out.println("用户授权通过");
col=db.getCollection(collection);
}
} catch (Exception e) {
e.printStackTrace();
}
return col;
}
public static void MongoClose(Mongo mg){
if(mg!=null){
mg.close();
}
}
}




package com.abin.mongo;
import java.text.SimpleDateFormat;
import java.util.Date;
import org.junit.Before;
import org.junit.Test;
import com.mongodb.BasicDBObject;
import com.mongodb.DBCollection;
import com.mongodb.DBCursor;
import com.mongodb.DBObject;
public class Connection{
DBCollection col=null;
@Before
public void setUp(){
String coll="abing55";
col=new DBClass().Connection(coll);
}
@Test
public void add(){
System.out.println("循环前:"+new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS").format(new Date()));
for(int i=0;i<100000;i++){
DBObject col1=new BasicDBObject();
col1.put("name", "steven"+i);
col1.put("age", 24+i);
col1.put("sex", "男"+i);
col.insert(col1);
}
System.out.println("循环后:"+new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS").format(new Date()));
}
@Test
public void query(){
System.out.println("循环前:"+new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS").format(new Date()));
DBCursor cur=col.find();
while(cur.hasNext()){
System.out.println(cur.next());
}
System.out.println("循环后:"+new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS").format(new Date()));
}
}






package com.abin.mongodb;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import com.mongodb.BasicDBObject;
import com.mongodb.DB;
import com.mongodb.DBCollection;
import com.mongodb.DBCursor;
import com.mongodb.DBObject;
import com.mongodb.Mongo;
public class ConnectionMongoDB {
private Mongo mg;
private DB db;
private DBCollection users;
@Before
public void init()throws Exception{
try {
mg=new Mongo("localhost",27017);
} catch (Exception e) {
e.printStackTrace();
}
db=mg.getDB("temp");
users=db.getCollection("users");
}
@After
public void destory(){
if(mg!=null){
mg.close();
}
db=null;
users=null;
}
public void print(Object o){
System.out.println(o);
}
public void queryAll(){
print("查询users表所有的数据");
DBCursor cur=users.find();
while(cur.hasNext()){
print(cur.next());
}
}
@Test
public void add(){
DBObject user=new BasicDBObject();
user.put("name", "abin");
user.put("age", 24);
user.put("sex", "男");
print(users.save(user).getN());
queryAll();
}
}
posted @ 2011-12-19 17:09 abin 阅读(2605) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<style type="text/css">
.div1 {
background-color: #555555;
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: none;
filter: Alpha(opacity =             30);
}
.div2 {
width: 300px;
height: 200px;
position: absolute;
z-index: 2;
display: none;
border: 3px inset blue;
background-color: #9999CC;
}
</style>
<script type="text/javascript">
//显示的方法,说明:前缀的div1、div2、body等,均为Id值 
function show() {
div1.style.display = "inline";
//设置层1显示 div1.style.width=body.clientWidth;
//设置层1宽度等于body宽度,width=100%也可以,不过有一些误差,所以最好用这个 
div1.style.height = body.clientHeight;
//设置层1高度满屏 
div2.style.display = "inline";
//设置层2的显示
div2.style.top = body.clientHeight / 2 - div2.clientHeight / 2;
//设置层2的距顶位置居中算法 
div2.style.left = body.clientWidth / 2 - div2.clientWidth / 2;
//设置层2的距左位置居中算法 
}
//关闭显示 
function closeShow() {
div1.style.display = "none";
div2.style.display = "none";
}
</script>
<body bgcolor="#C0C0C0" id="body">
<!--测试按钮点击触发show()方法-->
<input type="button" value="测试按钮" onClick="show()" />
<div id="div1" class="div1"></div>
<!--这是要覆盖网页的层,不必写任何东西-->
<div id="div2" class="div2">
<!--这是弹出的模式窗口层-->
<!--嵌套在层中的层,用来做标题栏,按个人需求定义-->
<div id="div3"
style="width: 100%; height: 20px; background-color: #0099FF"
align="right">
<label onClick="closeShow()"
style="font-weight: bolder; cursor: hand"> 关闭 <!--用来关闭显示,在label中加了onclick事件,与鼠标悬停手的样式-->
</label>
</div>
<input type=text> </br> <input type=text>
</div>
</body>
</html>
posted @ 2011-12-19 16:42 abin 阅读(511) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<script type="text/javascript">
function createForm(){
var form1=document.createElement("form");
document.body.appendChild(form1);
form1.method="POST";
alert(form1)
return form1;
}
function createFormElement(from3,elementName,elementValue){
var element=document.createElement("input");
element.name=elementName;
element.value=elementValue;
from3.appendChild(element);
return element;
}
function createFormSubmit(){
var form5=createForm();
createFormElement(form5,"username","abin");
createFormElement(form5,"password","varyall");
form5.action="success.jsp";
form5.submit();
}
</script>
<body>
<input type="button" value="提交FORM" onclick="createFormSubmit()" />
<br>
下面就是要创建的输入框
<br>
<div id="div1">
</div>
<br>
333
</body>
</html>
posted @ 2011-12-19 16:06 abin 阅读(357) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<script type="text/javascript">
function createForm(){
var div3=document.getElementById("div1");
var a=document.createElement("p");
a.innerHTML=" 段落内容";
div3.appendChild(a);
div3.insertBefore(a,"");
}
</script>
<body>
<input type="button" value="创建input" onclick="return createForm()" />
<br>
下面就是要创建的输入框
<br>
<div id="div1">
</div>
<br>
333
</body>
</html>
posted @ 2011-12-19 14:52 abin 阅读(335) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<script type="text/javascript">
function createForm(){
var div3=document.getElementById("div1");
var a=document.createElement("select");
a.options[0]=new Option("one","");
a.options[1]=new Option("two","");
a.size="2";
var Object=div3.appendChild(a);
}
</script>
<body>
<input type="button" value="创建input" onclick="createForm()" />
<br>
下面就是要创建的输入框
<br>
<div id="div1">
</div>
<br>
333
</body>
</html>
posted @ 2011-12-19 14:19 abin 阅读(264) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<script type="text/javascript">
function createForm(){
var div3=document.getElementById("div1");
var a=document.createElement("select");
a.options[0]=new Option("one","");
a.options[1]=new Option("two","");
a.size="2";
var Object=div3.appendChild(a);
}
</script>
<body>
<input type="button" value="创建input" onclick="createForm()" />
<br>
下面就是要创建的输入框
<br>
<div id="div1">
</div>
<br>
333
</body>
</html>
posted @ 2011-12-19 14:19 abin 阅读(305) | 评论 (0)编辑 收藏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>js run</title>
    </head>
    <script type="text/javascript">
function createForm(){
     var div3=document.getElementById("div1");
     var a=document.createElement("input");
     a.type="text";
     a.value="测试1";
     var c=document.createElement("br");
     var b=document.createElement("input");
     b.type="text";
     b.value="测试2";
     var Object=div3.appendChild(a);
     var Object=div3.appendChild(c);
     var Object=div3.appendChild(b);
}
</script>
    <body>
        <input type="button" value="创建input" onclick="createForm()" />
        <br>
        下面就是要创建的输入框
        <br>
        <div id="div1">
            

        </div>
        <br>
        333
    </body>
</html>
posted @ 2011-12-19 14:09 abin 阅读(296) | 评论 (0)编辑 收藏

仅列出标题
共50页: First 上一页 42 43 44 45 46 47 48 49 50 下一页