初始学习笔记

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);//返回的数据
}
}

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

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

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嵌套把两种情况都写出来了.


[color=red]在DWR中AJAX技术原始代码engine.js文件中有体现[/color]

/**//**
* 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的类