DWR（二）基本類和json之間的轉換

時間 2019-11-17

標籤 dwr 本類 json 之間轉換欄目 Ajax 简体版

原文原文鏈接

使用DWR的框架能夠輕鬆的進行一個類和json之間的轉換。 <h2>首先是一個基本的DWR的框架的環境的配置</h2> ：web.xml中進行的配置和咱們的struts相似的，我沒有去看過源碼，估計也是一個進行的攔截進行一個操做的過程，無論那麼多，先讓程序跑起來： <h3>web.xml:</h3> <blockquote> <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="<a href="http://www.w3.org/2001/XMLSchema-instance"">http://www.w3.org/2001/XMLSchema-instance"</a> xmlns="<a href="http://java.sun.com/xml/ns/javaee"">http://java.sun.com/xml/ns/javaee"</a> xmlns:web="<a href="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"">http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"</a> xsi:schemaLocation="<a href="http://java.sun.com/xml/ns/javaee">http://java.sun.com/xml/ns/javaee</a> <a href="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"">http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"</a> version="2.5">   <servlet>     <display-name>DWR Servlet</display-name>     <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>   <welcome-file-list>     <welcome-file>index.jsp</welcome-file>   </welcome-file-list> </web-app> </blockquote> 創建一個咱們要進行數據轉換的java類， <h3>User：</h3> <blockquote> package com.fww.po; public class User {     private Integer id;     private String name;     private String phone;     public User() {         super();     }     public User(Integer id, String name, String phone) {         super();         this.id = id;         this.name = name;         this.phone = phone;     }     public Integer getId() {         return id;     }     public void setId(Integer id) {         this.id = id;     }     public String getName() {         return name;     }     public void setName(String name) {         this.name = name;     }     public String getPhone() {         return phone;     }     public void setPhone(String phone) {         this.phone = phone;     }     } </blockquote> 配合咱們的測試出現的一個 <h3>Test類：</h3> <blockquote> package com.fww.service; import java.util.ArrayList; import java.util.List; import com.fww.po.User; public class Test {         public Test() {         // TODO Auto-generated constructor stub         System.out.println("test 的初始化的操做！");     }     public int add(int a,int b){         System.out.println(a+b);         return a+b;     }         public User findById(Integer id){         User user = new User(id,"fuweiwei","1234");         return user;     }         public List<User> findAll(){         List<User> users = new ArrayList<User>();         for (int i = 0; i < 5; i++) {             users.add(new User(i,"fuweiwei"+i,"123"+i));         }         return users;     } } </blockquote> <h3>配置咱們的dwr.xml:</h3> <blockquote> <!DOCTYPE dwr PUBLIC     "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"     "<a href="http://getahead.org/dwr/dwr30.dtd"">http://getahead.org/dwr/dwr30.dtd"</a>> <dwr>    <allow>                <create creator="new" javascript="test">            <param name="class" value="com.fww.service.Test"/>            </create>     <convert converter="bean" match = "com.fww.po.User"/>   </allow> </dwr> </blockquote>   能夠在咱們的項目進行啓動以後，去咱們的項目下的/dwr/*查看咱們的配置是否是準確，咱們須要的js是否能夠正確的生成： 在咱們的jsp頁面進行導入操做： <h3>個人jsp：</h3> <blockquote> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>   <head>     <title>My JSP 'index.jsp' starting page</title>     <script type='text/javascript' src='/dwr_002/dwr/interface/test.js'></script>   <script type='text/javascript' src='/dwr_002/dwr/engine.js'></script>   <script type="text/javascript">   var mm = document.getElementById("divid");       function fun(){           test.add(1,2,function(result){               mm.innerHTML = result;           });       }             function fun2(){           test.findById(1,function(user){               document.getElementById("divid").innerHTML = user.name;           });       }             function fun3(){       var mm = document.getElementById("divid");           test.findAll(function(list){               for(var i=0;i<list.length;i++){                   mm.innerHTML += " <div>"+list[i].name+"</div>";               }           });       }   </script>   </head>     <body>     <input id="testid">     <input type="button" onclick="fun3();" value="點擊我進行一個測試"/>     <hr>     <div id="divid"></div>   </body> </html> </blockquote> 這個jsp中提供了三個能夠操做的方法，千萬不要忘記咱們的js的導入的操做，不然咱們進行的全部的操做，在最後的時候咱們沒有去使用。在jsp中三個方法，其中第一個實現的是在div中顯示json轉會來以後的字符串，第二個方法是檢測json的轉換，第三個測試的是一個list的形式的json。javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。