dwr 이전 배경 매개 변수 전달 (전면, 종합 포함)

더 읽 기
주:
1. 본 블 로그 의 인 스 턴 스, 브 라 우 저 는 fireforx 를 사용 하고 firbug 플러그 인 을 설치 합 니 다.
2. 전재 출처 를 밝 혀 주세요.
다음은 실례 입 니 다.
첫째: dwr 프로필

두 번 째: dwr 배경 처리 클래스

package com.lhq;
import java.util.ArrayList;
import java.util.List;
public class Demo {
	  /**
	   * 
	   * 
	   * @author     
	   */
	  public void justCall()
	  {
		  System.out.println("hello ,chenchaoyang!");
	  }
	
	   /**
	    * 
	    * @param name:           
	    * @return String        
	    * @author    
	    */
	   public String sayHello(String name) {   
	      return "Hello, " + name;   
	   } 
	   
	   /**
	    * 
	    * @return person      Person  
	    * @author    
	    */
	   public Person returnUser() { 
		  Person person = new Person();
		  person.setName("chenchaoyang");
		  person.setAge(27);
		  person.setEmail("[email protected]");
		  person.setBirthday("1987-02-13");
	      return person;
	   } 
	   
	   /**
	    * 
	    * @param person:        bean  
	    * @return person      Person  
	    * @author    
	    */
	   public Person receivUserReturnUser(Person personFromJsp) { 
		  Person person = new Person();
		  person.setName(personFromJsp.getName());
		  person.setAge(personFromJsp.getAge());
		  person.setEmail(personFromJsp.getEmail());
	      return person;
	   }  
	   
	   /**
	    * 
	    * @return List

제3: 백 스테이지 실체 Bean

package com.lhq;
import java.util.Date;
public class Person {
	String name;
	String email;
	int age;
	String birthday;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	public String getBirthday() {
		return birthday;
	}
	public void setBirthday(String birthday) {
		this.birthday = birthday;
	}
}

넷 째: 프론트 데스크 톱 jsp 페이지 방문

  
   
		   
		  
		   
   
   var allname;  
   //       java  ，    ，     
   function justCall()
   {
	   Demo.justCall();
   }
   
   /**
   *       Stirng     ，    String    
   *    ：     ，                   
   *                  。
   */
   function hello()   
   {   
      var name = dwr.util.getValue("demoName");  
      Demo.sayHello(name, function(data)   
       {   
           dwr.util.setValue("demoReply", data);   
           allname=data;  
       });   
   } 
   
   /**
    *       Stirng     ，    String    
    *    ：     ，                   
    *                  。
    */
    function hello2()   
    {   
       var name = dwr.util.getValue("demoName2");  
       //           ，             
       Demo.sayHello(name,callBackForHello2);   
    }
    //                   data  
    function callBackForHello2(data)
    {
        dwr.util.setValue("demoReply2", data);   
        allname=data;  
    }
    
    /*
    *          Bean
    */
    function getBean()
    {
    	Demo.returnUser(callBackForGetBean);
    }
    //    ，            
    function callBackForGetBean(data)
    {
      console.log(data);
      //         ，      
      for(var property in data)
      {
    	  console.log("property:" + property + " value is:" + data[property]);
      }
      //       ，      
      console.log(data.name);
      console.log(data.email);
      console.log(data.age);
      console.log(data.birthday);
    }
	/*
	    ：（ff    ）
	 *property:age value is:27
	demo.jsp (  64  )
	property:birthday value is:Wed Apr 16 2014 22:04:02 GMT+0800
	demo.jsp (  64  )
	property:email value is:[email protected]
	demo.jsp (  64  )
	property:name value is:chenchaoyang
	demo.jsp (  64  )
	chenchaoyang
	demo.jsp (  67  )
	[email protected]
	demo.jsp (  68  )
	27
	demo.jsp (  69  )
	Date {Wed Apr 16 2014 22:04:02 GMT+0800}
	 */
	 
	 //  bean，  bean
	 function sendBeanAndReciveBean()
	 {
		 var person = {name:"chenchaoyang",age:27,email:"[email protected]"};
		 Demo.receivUserReturnUser(person,callBackForSendBeanAndReciveBean);
	 }
	 function callBackForSendBeanAndReciveBean(data)
	 {
	      //       ，      
	      console.log(data.name);
	      console.log(data.email);
	      console.log(data.age);
	      console.log(data.birthday);
	 }
	 
	 //  List<object>
	 function getListObject()
	 {
		 Demo.returnListObject(callBackGetListObject);
	 }
	 function callBackGetListObject(data)
	 {
		 console.log(data);
	 }
	 
	 //  List<Person>
	 function getListPerson()
	 {
		 Demo.returnListPerson(callBackGetListPerson);
	 }
	 function callBackGetListPerson(data)
	 {
		 //             (  ：  data js Object   )
		 for(var i = 0; i < data.length; i++)
	     {
			 console.log(data[i].name);
			 console.log(data[i].email);
			 console.log(data[i].age);
			 console.log(data[i].birthday);
	     }
		 console.log("**************");
		 //           
		 for(var i = 0; i < data.length; i++)
		 {
			 for(var property in data[i])
			 {
  			   console.log(data[i][property]);
			 }
		 }
	 }
	 
	 //  Person  ，  Person  ，            
	 function reviceAndReturnListPerson()
	 {
		 //  js person  ，      Object   
		 var personList = [{name:"chenchaoyang",age:26,email:"[email protected]",birthday:"1987-02-13"},
		                   {name:"chenziyang",age:32,email:"[email protected]",birthday:"1952-2-3"}];
		 Demo.reviceAndReturnListPerson(personList,callBackReviceAndReturnListPerson);
	 }
	 function callBackReviceAndReturnListPerson(data)
	 {
		 console.log(data);
		 //   person        ，       ：
		 for(var i = 0; i < data.length; i++)
		 {
			 for(var property in data[i])
			 {
				 console.log(data[i][property]);
			 }
		 }
		 console.log("*******************************");
		//  person        ，       ：
		for(var i = 0; i < data.length; i++)
		{
			console.log(data[i].name);
			console.log(data[i].email);
			console.log(data[i].age);
			console.log(data[i].birthday);
		}
	 }
	 
   
     
     
  
 
  
  
 Name:    
              
             
   
      Reply:    
  
 
  
  
 Name:    
              
             
   
      Reply: