JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Servlet/JSP 討論區  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友   
reply to postflat modego to previous topicgo to next topic
本主題所含的標籤
作者 Re:不跳轉傳js值給JSP [Re:as0955344054]
roytsang





發文: 622
積分: 1
於 2013-12-06 15:48 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
看來你似乎對什麼是server side program和client program 的concept 不清楚,
現在你可以嘗試用以下example去理解,看一看你明不明白,
首先你要create 兩個file,一個叫index.htm,另外一個叫testxmlhttp.jsp
index.htm 的內容:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<meta charset="big5"> 
<body>
<script type="text/javascript">
function loadXMLDoc()
{
  var xmlhttp;
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 
  xmlhttp.open("POST","testxmlhttp.jsp",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("textbox="+document.getElementById("textbox").value);
 
  xmlhttp.onreadystatechange=function()
  {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
          document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    
  }
}
</script>
 
<h2>AJAX</h2>
<input type="button" onclick="loadXMLDoc();" value="POST資料" />
 
<input type="text" id="textbox" name="textbox" value="wow" />
<div id="myDiv"></div>
 
</body>

testxmlhttp.jsp的內容:
1
<%=request.getParameter("textbox")%>

資料流程如下:
當"POST資料" button被按下時,它會將textbox的內容用ajax方法send 去server side 的testxmlhttp.jsp.
當testxmlhttp.jsp接到資料之後就將資料原原本本地response 給browser 端(即是client side),
之後browser call client side 的xmlhttp.onreadystatechange 來處理server 的response,
在onreadystatechange裡面要檢查response 是否正常即是以下的code:

1
if (xmlhttp.readyState==4 && xmlhttp.status==200)


如果正常就將server 的response寫進"myDiv" 這個div裡


roytsang edited on 2013-12-06 16:10
reply to postreply to post
話題樹型展開
人氣 標題 作者 字數 發文時間
8789 不跳轉傳js值給JSP as0955344054 581 2013-12-05 21:48
8517 Re:不跳轉傳js值給JSP roytsang 14 2013-12-05 23:16
8527 Re:不跳轉傳js值給JSP as0955344054 1137 2013-12-06 10:03
8474 Re:不跳轉傳js值給JSP noneman 75 2013-12-06 10:23
8449 Re:不跳轉傳js值給JSP roytsang 126 2013-12-06 10:59
8418 Re:不跳轉傳js值給JSP as0955344054 191 2013-12-06 14:49
8437 Re:不跳轉傳js值給JSP as0955344054 99 2013-12-06 14:52
8410 Re:不跳轉傳js值給JSP roytsang 1579 2013-12-06 15:48
8427 Re:不跳轉傳js值給JSP as0955344054 215 2013-12-06 17:18
8384 Re:不跳轉傳js值給JSP roytsang 1502 2013-12-06 17:55
8399 Re:不跳轉傳js值給JSP as0955344054 1829 2013-12-07 05:24
8335 Re:不跳轉傳js值給JSP roytsang 1892 2013-12-07 11:35
8374 Re:不跳轉傳js值給JSP as0955344054 116 2013-12-07 14:41
8288 Re:不跳轉傳js值給JSP roytsang 815 2013-12-09 11:19
8256 Re:不跳轉傳js值給JSP as0955344054 806 2013-12-10 10:37
8237 Re:不跳轉傳js值給JSP noneman 240 2013-12-10 11:22
8195 Re:不跳轉傳js值給JSP as0955344054 367 2013-12-10 15:33
8232 Re:不跳轉傳js值給JSP chuanchu 149 2013-12-10 13:40
8211 Re:不跳轉傳js值給JSP as0955344054 376 2013-12-10 15:43
8219 Re:不跳轉傳js值給JSP roytsang 1436 2013-12-10 16:11
8301 Re:不跳轉傳js值給JSP chuanchu 277 2013-12-09 12:55
8402 Re:不跳轉傳js值給JSP noneman 124 2013-12-06 17:40
8372 Re:不跳轉傳js值給JSP as0955344054 116 2013-12-08 10:10
8193 Re:不跳轉傳js值給JSP as0955344054 668 2013-12-10 16:07
8175 Re:不跳轉傳js值給JSP chuanchu 289 2013-12-10 20:20
8145 Re:不跳轉傳js值給JSP as0955344054 346 2013-12-10 20:50
8160 Re:不跳轉傳js值給JSP chuanchu 265 2013-12-10 21:19
8168 Re:不跳轉傳js值給JSP as0955344054 170 2013-12-11 00:17
8118 Re:不跳轉傳js值給JSP chris691020 106 2013-12-12 09:08
8117 Re:不跳轉傳js值給JSP chuanchu 7875 2013-12-21 14:33
» JWorld@TW »  Servlet/JSP 討論區

reply to postflat modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8