2013-04-10 134 views
0

我希望刷新輸入的基礎上,一個div ...這裏是一個示例代碼:刷新jsp頁面上的特定DIV,而不是整個頁面

<%@ page language="java" contentType="text/html; charset=windows-1256" 
    pageEncoding="windows-1256"%> 
<!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=windows-1256"> 
</head> 
<body> 
<input type="button" id="1" value="1" onClick="javaScript:update('1');"/> 
<input type="button" id="2" value="2" onClick="javaScript:update('2');"/> 
<% 
int value=1; 
%> 
<div id="refresh"> 
<%=value %> 
</div> 
<script type="text/javascript"> 

function update(input) 
{ 
     value=input; 
     alert(value); 
} 

</script> 
</body> 
</html> 

所以這裏就是我想要的頁面加載時它會打印1,因爲值是用1初始化的,但是如果我點擊2,我想要那個div打印2,它的值在java腳本的更新函數中得到更新...我不想刷新整個頁面只是想刷新該div ...我不想使用JQUERY.load,因爲它加載整個頁面div我只想刷新該div

+1

(OT)爲什麼不UTF8編碼? – 2013-04-10 02:21:07

回答

2
function update(input) 
{ 
     $("#refresh").html(input) 
} 

那肩膀d是你所需要的全部

.html()是改變元素的innerHTML的jQuery函數。

對於Ajax,你可以看看jQuery的文檔herethis is a nice looking example for jQUery + php

+0

如果我希望這個值被輸入數據庫函數,那麼該怎麼辦......與值1一樣,它會顯示不同的記錄,值2會顯示不同的記錄......所以當頁面加載時它會顯示與值1,但當我點擊按鈕2時,它會顯示與值2相關的記錄,而不是使用此功能的記錄1? – user2137186 2013-04-10 02:29:53

+0

那麼你將需要做一個Ajax調用服務器。你可以看看'$ .ajax()'。但是您需要設置一個PHP頁面來實際進行數據庫調用。客戶端代碼不能直接與服務器端數據庫進行交互。 – 2013-04-10 02:35:47

+0

你能幫我一點這個...我不知道ajax任何教程或例子? – user2137186 2013-04-10 02:42:01