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

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

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

    
    

    




    







												


        


    
	
  

	
 


	
	
	
	
    
					
	
    
		
		
    基于對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;
    
          // 創(chuàng)建XMLHttpRequest對象
    
          var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    
          // new XMLHttpRequest();
    
          // 創(chuàng)建請求結果處理程序
    
          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');     
    
          // 發(fā)送數(shù)據
    
          xmlhttp.send("name="+escape(name)+"&email="+escape(email)+"&title="+escape(title)+"&content="+escape(content));
    
    }
    
        // 添加留言信息的方法
    
        function addMsg(date){
    
          // 獲取留言DIV的容器
    
          var msg = document.getElementById("msgList");
    
          // 創(chuàng)建新標簽
    
          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">
    
        <!--初始化頁面時，顯示從數(shù)據庫讀取數(shù)據  -->
    
        </div>
    
        <div id="postBox">
    
          <form action="/add.do">
    
            <dl>
    
              <dt>如果你有任何評論、問題、建議，請發(fā)郵件給我:</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="發(fā)送留言" />
    
              </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");
    
            // 與數(shù)據庫交互進行處理，省略。
    
            PrintWriter out = null;
    
            try {
    
            out     = response.getWriter();
    
        }     catch (IOException e) {
    
            e.printStackTrace();
    
        }
    
        out.print(    "2007-09-15");
    
            return null;
    
    }
    

    
}
    

    

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

    
記錄于此，繼續(xù)學習。 


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

    
	
    


    
	    
    




    








    

				
    
	
	
	

    
	
    
	
    Copyright © 久城
    

    

    

    







    
        
	



主站蜘蛛池模板：
在线免费观看视频你懂的|
国产亚洲综合视频|
jzzjzz免费观看大片免费|
亚洲男人的天堂www|
日本免费网址大全在线观看
|
亚洲AV无码国产剧情|
亚洲av无码不卡私人影院|
疯狂做受xxxx高潮视频免费|
国产亚洲精品无码成人|
毛片免费在线观看网站|
插鸡网站在线播放免费观看|
国产亚洲精品看片在线观看|
免费无码又爽又刺激高潮软件|
精品亚洲成在人线AV无码|
亚洲人成电影网站免费|
亚洲精品GV天堂无码男同|
亚洲国产精彩中文乱码AV|
狠狠久久永久免费观看|
一区二区三区精品高清视频免费在线播放
|
操美女视频免费网站|
中国性猛交xxxxx免费看|
亚洲精品第一国产综合亚AV|
亚洲人成电影亚洲人成9999网|
又粗又黄又猛又爽大片免费|
国产黄色免费网站|
亚洲午夜无码久久|
亚洲人成网站18禁止一区|
97免费人妻无码视频|
永久免费A∨片在线观看|
国产精品亚洲综合天堂夜夜|
亚洲午夜电影在线观看|
免费一级特黄特色大片在线
|
9久9久女女免费精品视频在线观看|
国产免费区在线观看十分钟|
精品亚洲成a人片在线观看|
成人在线免费观看|
91麻豆最新在线人成免费观看
|
免费在线观看你懂的|
成人免费一区二区无码视频|
一级女性全黄久久生活片免费
|
麻豆一区二区免费播放网站
|