ajax之dwr

1． 现在WEB-INF下建立dwr.xml

格式如下：（取其中一种）

（第一种）用spring类的方法时候：{

<?xml version="1.0" encoding="UTF-8"?>

<dwr>

<allow>

<create creator="spring" javascript="dw">

<param name="beanName" value="spring.xml中<bean>的id"></param>

</create>

<convert match="spring中的po类" converter="bean"></convert>

</allow>

</dwr>

}

（另一种）直接调用类中方法的时候：{

<?xml version="1.0" encoding="UTF-8"?>

<dwr>

<allow>

<create creator="new" javascript="dw">

<param name="class" value="调用方法的包名+类名"></param>

</create>

<convert match="实体类的包名+类名" converter="bean"></convert>

</allow>

</dwr>

}

Web.xml文件中添加servlet将dwr框架加入容器中

格式如下：

<servlet>

<servlet-name>dwr-invoker</servlet-name>

<servlet-class>

org.directwebremoting.servlet.DwrServlet

</servlet-class>

<init-param>

<param-name>debug</param-name>

<param-value>true</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>dwr-invoker</servlet-name>

<url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

3.将spring.xml作为容器的监听器 添加到web.xml中（使用集合框架是应用）

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>/WEB-INF/classes/spring.xml</param-value>

</context-param>

<listener>

<listener-class>

org.springframework.web.context.ContextLoaderListener

</listener-class>

</listener>

4.在浏览器中http:\\localhost:8080\发布路径名\dwr

的页面中 取到dwr中所需的*.js文件，粘贴到所需jsp页面中

比如：

<scripttype='text/javascript'src='/myoa/dwr/interface/dw.js'></scrip><script type='text/javascript'src='/myoa/dwr/engine.js'></script>

<script type='text/javascript' src='/myoa/dwr/util.js'></script>



DWR 中的部分操作:

function finddwall() //jsp页面中的javascript方法

{

dw.findall(“parameters”,dwfindallcallback);} //(第一位,第二位)

dw 为DWR中声明的java类

dw.findall 为java类的方法

解释:第一位为方法所需参数,第二位为接受该方法返回值的回调函数;

function dwfindallcallback(date){}; //回调函数,date为返回值





将返回值填充到表格:



function finddwall()

{

dw.findall(dwfindallcallback);

}

function dwfindallcallback(date)

{

DWRUtil.removeAllRows("tb");

DWRUtil.addRows("tb",date,pdw);

}



//查询所有数据库

var pdw=[

function (date){

var a=document.createElement("input");

a.name="box";

a.type="checkbox";

return a;

},

function (date){return date.dwName;},

function (date){return date.dwTel;},

function (date){return date.dwFax;},

function (date){return date.dwPost;},

function (date){return date.dwAddress;},

function (date){return date.dwRet;},

function (date){return date.dwMail;},

function (date){return date.dwOpenrow;},

function (date){return date.dwAccounts;},

function (date){

var delhref = document.createElement("a");

var deltext = document.createTextNode("删除");

delhref.appendChild(deltext);

delhref.href="javascript:deldw('"+date.dwName+"')";

return delhref;

},

function (date)

{

var udaptehref = document.createElement("a");

var udaptetext = document.createTextNode("修改");

udaptehref.appendChild(udaptetext);

udaptehref.href="javascript:updatedw('"+date.dwName+"')";

return udaptehref;

}

];



向java方法中传递实体类对象:

Var javascriptID = document.getElementByID(“”).value; //jsp页面中的标签的value

Var javascriptName = document.getElementByID(“”).value; // jsp页面中的标签的value



var bean = {

id:javascriptID,

name:javascriptName

};



dw.findByID(bean,reFindByID);



由java方法返回实体类并且放到jsp页面中:

dw.fingbyid(dwname,udapteinfocallback);

function udapteinfocallback(date) //回调函数,date为返回值

{

$("mynametext2").value=date.dwName; //date.bean属性名 得到属性值

$("teltext").value=date.dwTel; //$(“teltext”) “”内为标签id

$("chuanzhentext").value=date.dwFax;

$("dwmailtext").value=date.dwPost;

$("dwdizhitext").value=date.dwAddress;

$("wzurltext").value=date.dwRet;

$("dzmail").value=date.dwMail;

$("hangtext").value=date.dwOpenrow;

$("dwzhtext").value=date.dwAccounts;

}