<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 © 久城
    

    

    

    







    
        
	



主站蜘蛛池模板：
成人网站免费大全日韩国产|
亚洲国产成人久久精品软件|
怡红院免费全部视频在线视频|
一本色道久久88亚洲综合|
亚洲色成人WWW永久在线观看
|
亚洲国产精品成人综合色在线婷婷
|
美女被cao免费看在线看网站|
久久久久亚洲精品日久生情|
久久精品国产大片免费观看|
久久久久久a亚洲欧洲AV|
免费看又黄又无码的网站|
久久综合亚洲鲁鲁五月天|
h片在线免费观看|
亚洲AV无码精品蜜桃|
女人18毛片水真多免费播放|
亚洲AV无码XXX麻豆艾秋|
波多野结衣中文一区二区免费|
日韩免费在线中文字幕|
亚洲综合色自拍一区|
99精品视频在线观看免费专区|
亚洲视频一区在线|
韩国免费一级成人毛片|
在线亚洲v日韩v|
永久亚洲成a人片777777|
免费A级毛片无码视频|
亚洲成AV人影片在线观看|
亚洲精品和日本精品|
免费网站看av片|
亚洲欧美日韩一区二区三区在线|
国产精品色午夜免费视频|
中文字幕视频在线免费观看|
99亚洲精品高清一二区|
热99re久久精品精品免费|
男女拍拍拍免费视频网站|
亚洲毛片免费观看|
亚洲AV中文无码乱人伦在线视色|
国产一区二区三区免费观看在线|
亚洲午夜久久久精品电影院|
亚洲AV无码专区日韩|
18禁止看的免费污网站|
国产精品亚洲一区二区三区在线观看
|