<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    
	
  

	
 


	
	
	
	
    
					
	
    
		
    
			
    
				AJAX學習筆記---應用AJAX模仿"聯系站長"（JSP版）
			
    
 			Posted on 2007-09-15 10:45 久城 閱讀(425) 評論(0)  編輯  收藏  所屬分類: XML 
			
			


		
    
		
    基于對XML的學習，想好好的學習一下AJAX。剛剛學習一個入門，模仿書中的例子，實踐一下先。
    

    
jsp頁面
    

    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    <html>
    
      <head>
    
        <script type="text/javascript">
    
        function ajaxSubmit(path){
    
          // 獲取留言相關信息
    
          var name = document.forms[0].name.value;
    
          var email = document.forms[0].email.value;
    
          var title = document.forms[0].title.value;
    
          var content = document.forms[0].content.value;
    
          // 創建XMLHttpRequest對象
    
          var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    
          // new XMLHttpRequest();
    
          // 創建請求結果處理程序
    
          xmlhttp.onreadystatechange = function(){
    
            if(xmlhttp.readyState==4 && xmlhttp.status==200){   
    
              var date = xmlhttp.responseText;
    
          addMsg(date);
    
        }
    
      }
    
          // 打開連接，true表示異步提交
    
          xmlhttp.open("post",path+"/add.do",true);
    
          // 當方法為post時需要如下設置http頭
    
          xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');     
    
          // 發送數據
    
          xmlhttp.send("name="+escape(name)+"&email="+escape(email)+"&title="+escape(title)+"&content="+escape(content));
    
    }
    
        // 添加留言信息的方法
    
        function addMsg(date){
    
          // 獲取留言DIV的容器
    
          var msg = document.getElementById("msgList");
    
          // 創建新標簽
    
          var dl = document.createElement("dl");
    
          var dt = document.createElement("dt");
    
          var ddname = document.createElement("dd");
    
          var ddcontent = document.createElement("dd");
    
          // 插入標簽
    
          msg.insertBefore(dl,msg.firstChild);
    
      dl.appendChild(dt);
    
      dl.appendChild(ddname);
    
      dl.appendChild(ddcontent);
    
      dt.innerHTML     = "標題："+document.forms[0].title.value;
    
      ddname.innerHTML     = "留言者："+document.forms[0].name.value+"&nbsp;時間：" + date;
    
      ddcontent.innerHTML     = document.forms[0].content.value;
    
          // 清空輸入信息
    
          document.forms[0].name.value="";
    
      document.forms[    0].title.value="";
    
      document.forms[    0].email.value="";
    
      document.forms[    0].content.value="";
    
    }
    
        </script>
    
      </head>
    
      <body>
    
        <div id="msgList">
    
        <!--初始化頁面時，顯示從數據庫讀取數據  -->
    
        </div>
    
        <div id="postBox">
    
          <form action="/add.do">
    
            <dl>
    
              <dt>如果你有任何評論、問題、建議，請發郵件給我:</dt>
    
              <dd>姓名:<input type="text" maxlength="150" size="45" name="name"/></dd>
    
              <dd>Email:<input type="text" maxlength="150" size="45" name="email"/></dd>
    
              <dd>標題：<input type="text" maxlength="150" size="45" name="title"/></dd>
    
              <dd>內容<textarea rows="10" cols="45" name="content"></textarea></dd>
    
              <dd>
    
                <input type="button" onclick="ajaxSubmit('<%=request.getContextPath()%>');" value="發送留言" />
    
              </dd>
    
            </dl>
    
          </form>
    
        </div>
    
      </body>
    

    
AddAction.java
    

    package com.realsmy.mytangs.action;
    

    
    import java.io.IOException;
    
    import java.io.PrintWriter;
    

    
    import javax.servlet.http.HttpServletRequest;
    
    import javax.servlet.http.HttpServletResponse;
    

    
    import org.apache.struts.action.Action;
    
    import org.apache.struts.action.ActionForm;
    
    import org.apache.struts.action.ActionForward;
    
    import org.apache.struts.action.ActionMapping;
    

    

    
    public class AddAction extends Action {
    
    
    
        public ActionForward execute(ActionMapping mapping, ActionForm form,
    
            HttpServletRequest request, HttpServletResponse response)     {
    
        String name     = request.getParameter("name");
    
        String email     = request.getParameter("email");
    
        String title     = request.getParameter("title");
    
        String content     = request.getParameter("content");
    
            // 與數據庫交互進行處理，省略。
    
            PrintWriter out = null;
    
            try {
    
            out     = response.getWriter();
    
        }     catch (IOException e) {
    
            e.printStackTrace();
    
        }
    
        out.print(    "2007-09-15");
    
            return null;
    
    }
    

    
}
    

    

    
這是對基于AJAX的開發模式的簡單理解。
    

    
記錄于此，繼續學習。 


    歡迎來訪！^.^!
    
本BLOG僅用于個人學習交流!
    
目的在于記錄個人成長.
    
所有文字均屬于個人理解.
    
如有錯誤，望多多指教！不勝感激！
    

    
	
    


    
	    
    




    








    

				
    
	
	
	

    
	
    
	
    Copyright © 久城
    

    

    

    







    
        
	



主站蜘蛛池模板：
亚洲av最新在线网址|
亚洲w码欧洲s码免费|
久久久久高潮毛片免费全部播放|
亚洲色欲www综合网|
国产极品美女高潮抽搐免费网站|
国产成人无码免费看片软件|
亚洲第一香蕉视频|
国产在线98福利播放视频免费|
韩日电影在线播放免费版|
久久亚洲sm情趣捆绑调教|
国产91在线免费|
今天免费中文字幕视频|
亚洲JLZZJLZZ少妇|
亚洲av网址在线观看|
国产大片线上免费看|
一级毛片免费播放|
污污视频免费观看网站|
亚洲最新在线视频|
亚洲视频在线免费|
国产免费AV片在线播放唯爱网|
h片在线观看免费|
亚洲男人的天堂网站|
亚洲av无码国产精品色午夜字幕|
好吊妞视频免费视频|
无码国产精品一区二区免费3p
|
国产情侣久久久久aⅴ免费|
在线亚洲午夜片AV大片|
国产亚洲精AA在线观看SEE|
日韩毛片免费在线观看|
91香蕉国产线在线观看免费|
成人一级免费视频|
亚洲熟妇自偷自拍另欧美|
91亚洲国产成人精品下载|
国产成人亚洲综合|
日本黄色免费观看|
日韩不卡免费视频|
香港a毛片免费观看|
中文字幕在线免费看线人|
无码天堂亚洲国产AV|
亚洲色在线无码国产精品不卡|
久久久久亚洲av无码专区导航|