BlogJava-用手做事，用心做事，用生命做事-随笔分类-ajax

ajax表单级联-----晕到死

王永庆 — Thu, 20 Dec 2007 09:23:00 GMT

public class ProdAttrValueType extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/xml");
        String xml_start="";
        String xml_end="";
        ServletContext sc=this.getServletContext();
        WebApplicationContext wc=WebApplicationContextUtils.getWebApplicationContext(sc);
        PrintWriter out = response.getWriter();
        IProdOfferAttrDao tt=(IProdOfferAttrDao)wc.getBean("prodAttrDao");
        StringBuffer sb=new StringBuffer("");
        List list=tt.getAttrValueType();
        if(list!=null){
            Iterator it=list.iterator();
            while(it.hasNext()){
                ProdOfferAttrActionForm pf=(ProdOfferAttrActionForm)it.next();
                //System.out.println(pf.getAttr_Val_Type());"+pf.getAttr_Val_Type()+"
                sb.append("");
            }
        }
        System.out.print(sb.toString());
        //out.print()
        out.write(xml_start+sb.toString()+xml_end);
        out.flush();
        out.close();
    }

王永庆 2007-12-20 17:23 发表评论

DWR学习笔记(三)-----转载

王永庆 — Mon, 26 Nov 2007 08:18:00 GMT

DWR util.js工具包的使用
目录列表：
1、$()
2、DWRUtil.getText(id)
3、DWRUtil.getValue(id)
4、DWRUtil.setValue(id,value)
5、DWRUtil.getValues()
6、DWRUtil.setValues()
7、DWRUtil.addOptions and DWRUtil.removeAlloptions
8、DWRUtil.addRows and DWRUtil.removeAllRows
9、DWRUtil.onReturn
10、DWRUtil.toDescriptiveString
11、DWRUtil.useLoadingMessage

(1)、DWRUtil.selectRange("selectRangeBasic", 5, 15) 选中selectRangeBasic文本框里面从第五个字符到第15个字符之间的字符.
(2)、var arrayFive = [ 'One', 'Two', 'Three', 'Four', 'Five' ];
DWRUtil.addOptions('addOptionsBasic', arrayFive); 将数组添加到下拉菜单里面去;
(3)、DWRUtil.getValue('addOptionsBasic') 得到 addOptionsBasic 对象的值;
(4)、DWRUtil.getText('addOptionsBasic') 得到下拉框 addOptionsBasic 显示的文本;
(5)、var arrayObject = [
{ name:'One', value:'1' },
{ name:'Two', value:'2' },
{ name:'Three', value:'3' },
{ name:'Four', value:'4' },
{ name:'Five', value:'5' }
];DWRUtil.addOptions('addOptionsObject1', arrayObject, "name"); 将数组添加到下拉菜单里面去;后面的参数是确定那个是给用户显示的文本,同时也是值;如果是name表示名称和值都用name显示。
DWRUtil.addOptions('addOptionsObject1', arrayObject, "name","value"); 同上,不过后面参数是: 3=值;4=文本;
(6)、var map = { one:1, two:2, three:3, four:4, five:5 };
DWRUtil.addOptions('addOptionsMap1', map); 同上, one 是值;1 是文本;
DWRUtil.addOptions('addOptionsMap1', map,true); 同上, 1 是值;one 是文本;
(7)、DWRUtil.cloneNode('cloneNode1', { idPrefix:'pre', idSuffix:'suf' });克隆一个节点,参数一为要克隆的节点的id,第二个参数是在克隆的节点id前面加pre,后面加suf.(注意:如果该节点有子节点的话,子节点的名字也一样加
(8)、DWRUtil.onReturn(event, submitFunction);一般在form表单里面,防止在文本框上按回车就提交表单.
例如:
onkeypress="DWRUtil.onReturn(event, submitFunction)"/>

submitFunction表示要调用的js函数

王永庆 2007-11-26 16:18 发表评论

DWR学习笔记(二)

王永庆 — Mon, 26 Nov 2007 08:17:00 GMT

1.web.xml中dwr定义的一点小技巧
加下面的参数，可以让dwr以debug模式产生测试页面

debugparam-name>

trueparam-value>

2.dwr.xml介绍
格式：




< init>



< allow>

  ...



(1)、create元素介绍，一般结构如下，对每个要在远程访问方法的java类都要定义一个creator

   对各个元素进行描述
(2)、 creator属性
new：指用java的new操作符创建对象
none：并不产生对象
scripted：用脚本语言创建对象，如BeanShell 或 Groovy via BSF
spring：通过spring framework创建对象
struts：使用struts的FormBean
pageflow：使用Beehive or Weblogic的PageFlow
(3)、javascript属性
         在浏览器端代理远程java对象的javascript对象的名字
(4)、scope属性
         远程java对象scope可以设置page、request、session、application。
(5)、param子元素：定义访问的具体java类。

(6)、include和exclude子元素：限制访问的方法

王永庆 2007-11-26 16:17 发表评论

DWR学习笔记(一)

王永庆 — Mon, 26 Nov 2007 08:16:00 GMT

DWR是一个开源的java包，可以使浏览器中的代码使用web服务器中java类的方法，就像这个方法就是在浏览器中一样。
DWR包括两个部分：一个运行在服务器端的Java Servlet，负责处理浏览器的请求并发送反馈给浏览器；另一个是运行在浏览器端的Java Script，负责发生请求并动态修改web页面。
步骤：
(1)、下载dwr.jar，放在web-inf/lib目录下
(2)、修改web.xml，增加：

<servlet>
<servlet-name>dwr-invokerservlet-name>
<display-name>DWR Servletdisplay-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServletservlet-class> //如果是DWR 2.x，改成org.directwebremoting.servlet.DwrServlet
<init-param>
  <param-name>debugparam-name>
   <param-value>trueparam-value>
<init-param>
<servlet>
<servlet-mapping>
<servlet-name>dwr-invokerservlet-name>
<url-pattern>/dwr/*url-pattern>
<servlet-mapping>

(3)、创建dwr.xml放在与web.xml一个目录下面

xml version="1.0" encoding="UTF-8"?>
DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>
<allow>
<create creator="new" javascript="JDate"> //JS使用的类名
<param name="class" value="java.util.Date"/>  //实际java的类
<create>
<create creator="new" javascript="Demo" scope="page/request/session/application"> //可以设置对象保存的位置
<param name="class" value="your.java.Bean"/>
<create>
<allow>
<dwr>

(4)、一般jsp页面中需要加入：

其中最后一个js文件是自定义的文件
(5)、写服务端的JAVA类
(6)、写客户端的js

function hello() { var user = $('user').value;
Hello.hello(user, callback);
}

function callback(msg) {
DWRUtil.setValue('result', msg);
}

王永庆 2007-11-26 16:16 发表评论

ajax学习笔记(三)

王永庆 — Mon, 26 Nov 2007 08:12:00 GMT

XMLHttpRequest对象的一些典型方法：
(1)、void open(String method,String url,boolean asynch);这个方法会建立对服务器的调用。
第一个参数表示要提供调用的特定方法(get,post,put)
第二个参数表示要提供所调用资源的url
第三个参数表示是异步(true)还是同步(false)
(2)、void send(content):这个方法会向具体服务器发出请求。可选参数会作为请求体的一部分发送。
(3)、void setRequestHeader(String header ,String value):这个方法为HTTP请求中一个给定的首部设置值
第一个参数表示要设置的首部。
第二个参数表示要在首部中放置的值。这个方法必须在调用open()之后才能调用。
XMLHttpRequest对象的一些典型属性：
(1)、onreadystatechange:每个状态改变时都会触发这个事件处理器，通常会调用一个javascript函数，用来处理返回时要调用的函数。
(2)、readyState:请求的状态。有5个值：0=未初始化，1=正在加载，2=已经加载，3=交互中，4=完成。
(3)、responseText:服务器的响应，表示为一个串
(4)、responseXML:服务器的响应，表示为一个XML，这个对象可以解析为一个DOM对象。
(5)、status:服务器的Http状态码(200对应ok，404对应Not Found(未找到))

王永庆 2007-11-26 16:12 发表评论

ajax学习笔记(二)

王永庆 — Mon, 26 Nov 2007 08:11:00 GMT

(1)设置
      在从服务器返回数据的同时，还要进行设置，使浏览器不会在本地缓存结果，response.setHeader("Cache-Control","no-cache");response.setHeader("pragma","no-cache");
      XMLHttpRequest对象提供２个可以用来访问服务器响应的属性，一个是responseText将响应提供一个串，结合HTML元素的innerHTML属性，非常有用．(document.getElementById("results").innerHTML=xmlHttp.responseText).一个是responseXML将响应提供为一个XML对象．

      (2)DOM元素的一些有用的属性
　　childNodes--------------------------------------返回当前元素所有子元素的数组
　　firstChild   --------------------------------------返回当前元素的第一个下级子元素
　　lastChild   ---------------------------------------返回当前元素的最后一个子元素
　　nextSibling---------------------------------------返回紧跟在当前元素后面的元素
　　nodeValue----------------------------------------指定表示元素值的读／写属性
　　parentNode --------------------------------------返回元素的父节点
　　previousSibling----------------------------------返回紧邻当前元素之前的元素

　  (3)用于遍历XML文档的DOM元素方法(document)
　　getElementById(id)-----------------------------获取有指定唯一ID属性值文档中的元素
　　getElementsByTagName(name)--------------返回当前元素中有指定标记名的子元素的数组
　　hasChildNodes()--------------------------------返回一个布尔值，指定元素是否有子元素
　　getAttribute(name)------------------------------返回元素的属性值，属性由name指定

      (4)动态创建内容时所用的W3C DOM属性和方法
　　document.createElement(tagName)----------文档对象上的createElement方法可以创建由tagName指定的元素
　　document.createTextNode(text)--------------文档对象的createTextNode方法会创建一个包含静态文本的节点．
　   .appendChild(childNode)---------该方法将指定的节点增加到当前元素的子节点列表．
　   .getAttribute(name)|.setAttribute(name,value)-----------------获得和设置元素中name属性的值
      .insertBefore(newNode,targetNode)-----这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面。
       .removeAttribute(name)-----这个方法从元素中删除属性name
       .removeChild(childNode)-----这个方法从元素中删除子元素childNode
       .replaceChild(newNode,oldNode)-----这个方法将节点oldNode替换为节点newNode
       .hasChildNodes()这个方法返回一个布尔值，指示元素是否有子元素

王永庆 2007-11-26 16:11 发表评论

ajax学习笔记(一)

王永庆 — Mon, 26 Nov 2007 08:06:00 GMT

//定义XMLHttp实例
var xmlHttp;
function createXMLHttpRequest(){
//开始初始化XMLHttpRequest对象
  if(window.ActiveXObject){
//IE浏览器
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }else if(window.XMLHttpRequest){
//Mozilla浏览器
    xmlHttp = new XMLHttpRequest();
  }
if(xmlHttp){
    xmlHttp.open("GET",url,false);
    xmlHttp.onreadystatechange=function(){setState(greens,reds,contains)};
    xmlHttp.send(null);
  }
}
//回调函数举例
//返回的4种状态
function setState(greens,reds,contains){
var contains = document.getElementById("contain");
  if(xmlHttp.readyState == 0){
    contains.innerHTML = "正在初始化";
  }
  if(xmlHttp.readyState == 1){
    contains.innerHTML = "正在准备发送请求";
  }
  if(xmlHttp.readyState == 2){
    contains.innerHTML = "正在发送请求";
  }
  if(xmlHttp.readyState == 3){
    contains.innerHTML = "正在接收数据";
  }
  if(xmlHttp.readyState == 4){
//信息已经成功返回，开始处理信息
    if(xmlHttp.status == 200){
   contains.innerHTML = xmlHttp.responstText; //返回值
    }
  }
}

王永庆 2007-11-26 16:06 发表评论