java struts2实验异步传输

文本框中输一下棒棒糖 然后另一个文本框中显示棒棒糖的价格javastruts

解决方案 »

  1.   

    http://blog.csdn.net/sunyadongwanghbjm/article/details/1782264
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title> New Document </title>
     </head>
     <body>
      <form action="">
       <td>棒棒糖</td>
       <td><input id="tang" name="" type="text"></td>
       <span id="price"></span> 
    </form>
      
      <script type="text/javascript">
       var tang=document.getElementById("tang");
       tang.onchange=function(){
       var value=this.value;
       var xhr;
       //if和else if都不运行
       if(window.XMLHttpRequest){
       xhr=new XMLHttpRequest();   
       }else if(window.ActiveXObject){
       xhr=new ActiveXObject("Microsoft.XMLHttp");
       }    xhr.onreadystatechange=function(){//这一句的意思是等待发送的请求接收后再运行
      
       if(xhr.readyState==4){//这句话什么意思？ readyState一共有五个状态 0 未连接 1 打开连接 2 发送请求 3 交互 4 完成交互，   
          
       if(xhr.status==200){//下面的不运行代表页面有错误
       //xhr.status==200是要通过 服务器来浏览，并且服务器页面没有发生错误或者转向时才返回200状态的
      
       var content=xhr.responseText;
      
      
       var c=document.getElementById("price");
       c.innerHTML="价格为"+content;
       }
       } 
       }
       xhr.open("GET","priceServlet?tang=" + value,true);
       xhr.send(null);
       }
      
     </script>
     </body>
    </html>
    差不多就这样，我在以前的一个例子上改了改就出来了。
    没测试过，servlet应该会写吧？