初始学习笔记

1。
   DWR的配制文件   dwr.xml

<!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=”Mydate”>
      <param name=”class” value=”java.util.Date”/>
    </create>
    <create creator=”new” javascript=”Demo”>
      <param name=”class” value=”your.java.Demo”/>
    </create>
  </allow>
</dwr>

上面的配制文件中：
定义了由 DWR 创建和被 Javascript 远程使用的类。在上面的例子中我们在远程创建了2个类，并且给出了在 Javascript 中的类名。

上面使用的 new creator 使用了所有的 JavaBeans 必须含有的公有（public）无参（no-args）的构造函数。值得一提的是， DWR 还有一些限制

避免使用 JavaScript 保留字；以保留字命名的方法将自动被排除。大多数 JavaScript 的保留字同时也是 Java 的保留字，因此无论如何你也不能使用一个名为 “try()” 的方法。但是最常用的一个词 “delete()”，在 JavaScript 中有特殊的含义而在 Java 中没有。
重载方法（Overloaded methods）将会在调用的时候陷入未知的状况，因此应该避免重载方法




2. 开始老是配制不好util.js, engin.js两个文件的位置
    最后发现用下面这种方式比较好使

<script src=’/[YOUR-WEBAPP]/dwr/interface/[YOUR-SCRIPT].js’></script>
<script src=’/[YOUR-WEBAPP]/dwr/engine.js’></script>
。。。。。。

3。 在网上看到了下面这个消息，复制过来，再关注一下：
由于DWR去年刚加入Dojo基金会，而Dojo基金会力促DWR和基金会下面的另外一个comet项目结合，估计将来dwr会有很大变化。dwr是以客户端获取会主的动态技术，comet是以服务器端推为主的动态技术，这两个结合有好看的，我们拟目以待

4。 回忆一下ajax[Asynchronous JavaScript and XML]技术

var xmlhttp=null;
function PostOrder(xmldoc)
{
  var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.5.0");
  xmlhttp.Open("POST", "http://myserver/orders/processorder.asp";, false); //设置XMLHTTP对象，这个对象可以执行向预定目标地址以Post方式发送数据包。
//http://myserver/orders/processorder.asp服务器端专门用来接收数据的地址
  xmlhttp.onreadystatechange= HandleStateChange;//设置客户端响应状态，发送数据后，服务器会响应
  xmlhttp.Send(xmldoc);//发送数据，xmldoc是xml结构化的数据
  myButton.disabled = true;
}
function HandleStateChange()
{
  if (xmlhttp.readyState == 4)//当收到正确响应时状态变成4，否则一直等待
  {
    myButton.disabled = false;
    alert("Result = " + xmlhttp.responseXML.xml);//返回的数据
  }
}

理解一下即可，知道数据是怎么发送的


实际上ActiveXObject是IE支持的类型，假如浏览器不支持这个呢

1：先建立XMLHttpRequest,建立成功以后要在它的后面紧跟着建立一个xhr.overrideMimeType("text/xml")对于该句的解释在天极网找到了这么一段话“如果服务器的响应没有XML mime-type header，某些Mozilla浏览器可能无法正常工作。为了解决这个问题，如果服务器响应的header不是text/xml，可以调用其它方法修改该header”。
if(window.XMLHttpRequest){
   xhr = new XMLHttpRequest();
   if(xhr.overrideMimeType)
      { xhr.overrideMimeType("text/xml") ;}
}
2：如果XMLHttpRequest建立不成功就要建立针对IE的ActiveXObject.不同的IE版本有不同ActiveXObject,但是我们现在只要建立两个就可以了,163是这样做的于是我也就理解为这样就可以兼容所有的IE了,具体没测试过.
  try{
     xhr = new ActiveXObject("Msxml.XMLHTTP");
    }catch(e){
    try{
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
       }
    catch(e){}
  }两个try嵌套把两种情况都写出来了.



在DWR中AJAX技术原始代码engine.js文件中有体现

/**//**
     * Remoting through XHR
     */
    xhr:{
      /**//**
       * The default HTTP method to use
       */
      httpMethod:"POST",

      /**//**
       * The ActiveX objects to use when we want to do an XMLHttpRequest call.
       * TODO: We arrived at this by trial and error. Other toolkits use
       * different strings, maybe there is an officially correct version?
       */
      XMLHTTP:["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"],

      /**//**
       * Setup a batch for transfer through XHR
       * @param {Object} batch The batch to alter for XHR transmit
       */
      send:function(batch) {
        if (batch.isPoll) {
          batch.map.partialResponse = dwr.engine._partialResponseYes;
        }

        // Do proxies or IE force us to use early closing mode?
        if (batch.isPoll && dwr.engine._pollWithXhr == "true") {
          batch.map.partialResponse = dwr.engine._partialResponseNo;
        }
        if (batch.isPoll && dwr.engine.isIE) {
          batch.map.partialResponse = dwr.engine._partialResponseNo;
        }
        //看这里
        if (window.XMLHttpRequest) {
          batch.req = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) {
          batch.req = dwr.engine.util.newActiveXObject(dwr.engine.transport.xhr.XMLHTTP);
        }
        //看这里

        // Proceed using XMLHttpRequest
        if (batch.async) {
          batch.req.onreadystatechange = function() {
            if (typeof dwr != 'undefined') {
              dwr.engine.transport.xhr.stateChange(batch);
            }
          };
        }

        // If we're polling, record this for monitoring
        if (batch.isPoll) {
          dwr.engine._pollReq = batch.req;
          // In IE XHR is an ActiveX control so you can't augment it like this
          if (!document.all) batch.req.batch = batch;
        }

        httpMethod = dwr.engine.transport.xhr.httpMethod;

        // Workaround for Safari 1.x POST bug
        var indexSafari = navigator.userAgent.indexOf("Safari/");
        if (indexSafari >= 0) {
          var version = navigator.userAgent.substring(indexSafari + 7);
          if (parseInt(version, 10) < 400) {
            if (dwr.engine._allowGetForSafariButMakeForgeryEasier == "true") {
              httpMethod = "GET";
            }
            else {
              dwr.engine._handleWarning(batch, {
                name: "dwr.engine.oldSafari",
                message: "Safari GET support disabled. See getahead.org/dwr/server/servlet and allowGetForSafariButMakeForgeryEasier."
              });
            }
          }
        }

        batch.mode = batch.isPoll ? dwr.engine._ModePlainPoll : dwr.engine._ModePlainCall;
        var request = dwr.engine.batch.constructRequest(batch, httpMethod);

        try {
          batch.req.open(httpMethod, request.url, batch.async);//看这里，发送设置
          try {
            for (var prop in batch.headers) {
              var value = batch.headers[prop];
              if (typeof value == "string") {
                batch.req.setRequestHeader(prop, value);
              }
            }
            if (!batch.headers["Content-Type"]) {
              batch.req.setRequestHeader("Content-Type", "text/plain");
            }
          }
          catch (ex) {
            dwr.engine._handleWarning(batch, ex);
          }
          batch.req.send(request.body);//看这里,执行发送

///这里执行发送功能，在这里你可以通过  alert("see me:"+request.body)；
///可以看到执行发送时，到底发送了什么

          if (!batch.async) {
            dwr.engine.transport.xhr.stateChange(batch);
          }
        }
        catch (ex) {
          dwr.engine._handleError(batch, ex);
        }

        if (batch.isPoll && batch.map.partialResponse == dwr.engine._partialResponseYes) {
          dwr.engine.transport.xhr.checkCometPoll();
        }

        // This is only of any use in sync mode to return the reply data
        return batch.reply;
      },



/*
Edit Table时，删除表中一行时,alert弹出内容为：
----------------------------------------
see me:callCount=2
windowName=DWR-4B6B.D06
c0-scriptName=People
c0-methodName=deletePerson
c0-id=0
c0-e1=number:18
c0-param0=Object_Object:{id:reference:c0-e1}
c1-scriptName=People
c1-methodName=getAllpeople
c1-id=1
batchId=2
page=/dwr/people/index.html
httpSessionId=
scriptSessionId=2557C..42A1

上面弹出内容的初步解释

   callCount=1          表示执行了多少个方法
   c0-scriptName =Demo  调用了那个java类   c后面的序号是方法的序号，如果有
                            两个方法，那么就有c0,c1,见第三个例子
   c0-methodName=sayHello 调用了类中的哪个方法
   c0-id =0               方法序号       
   c0-param1=String: Joe  传递的值，这个值对应于java方法的参数
   page=/dwr/..           路径
*/


dwr通过无状态刷新技术，向服务器端发送数据包，服务器端响应，客户端收到返回数据后，作出变化

在浏览器加载http://localhost:5050/dwr/simpletext/index.html时，
浏览器遇到下面这句话
<script type='text/javascript' src='../dwr/interface/Demo.js'>
</script>
就执行dwrServlet.java（web.xml有dwr相关配置）,向服务器调用发送类似于

see me:callCount=1
windowName=DWR-4B6B.06
c0-scriptName=_System
c0-methodName=pageLoaded
c0-id=0
batchId=0
page=/dwr/
httpSessionId-
scriptSessionId=

的内容，不执行任何操作。

当我们真正点击发送按钮时，向服务器发送类似于

see me:callCount=1
windowName=DWR-4B6B.2D06
c0-scriptName=Demo
c0-methodName=sayHello
c0-id=0
c0-param0=string:Joe
batchId=1
page=/dwr/simpletext/index.html
httpSessionId=
scriptSessionId=A822701A

的数据，告诉服务器，我会调用哪个类的哪个方法，并且传什么样的参数，参数内容是什么。
不用说，服务器端肯定是接收相应的数据，激发相应的类相应的方法

对于参数，涉及到字符串数据比如String:Joe，转换为java对象，有专门的转换类处理，后缀为convert的类