Ⅰ jsP中如何非同步刷新DIV（不改變原來的代碼，通過刷新取得動態值）
JSP中如何非同步刷新DIV：
比如現在jsp頁面上有ID分別為aa的div，要求1秒刷新一次，div里的內容都是<%=new function()%>
那麼非同步刷新的版函數的權寫法如下；
$(function() {
window.setInterval('aa();', 1000);
});
function aa(){
//代碼塊
}
Ⅱ jsp怎麼刷新div
window.setTimeout(refresh(), 1000)
方法要加括弧吧
Ⅲ 在JSP中，如何實現局部刷新
用框架非常簡單
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>加入中……</title>
</head>
<frameset rows="251,*" cols="*" framespacing="0" frameborder="NO" border="0">
<frameset rows="*" cols="267,*" framespacing="0" frameborder="NO" border="0">
<frame src="qq" name="leftFrame" scrolling="NO" noresize>
<frameset rows="*" cols="262,*" framespacing="0" frameborder="NO" border="0">
<frame src="qq" name="leftFrame1" scrolling="NO" noresize>
<frame src="qq" name="topFrame" scrolling="NO" noresize>
</frameset>
</frameset>
<frameset rows="*" cols="267,*" framespacing="0" frameborder="NO" border="0">
<frame src="qq" name="leftFrame2" scrolling="NO" noresize>
<frameset rows="*" cols="262,*" framespacing="0" frameborder="NO" border="0">
<frame src="qq" name="leftFrame3" scrolling="NO" noresize>
<frame src="qq" name="mainFrame">
</frameset>
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
我寫的一個小偷入庫程序
定時刷新:
<meta http-equiv="refresh" content="1;URL=index.asp">
1秒後打開index.asp
Ⅳ 在jsp頁面中切換標簽並刷新標簽下內容，標簽下內容是局部刷新
可以用iframe來操作，<div><iframe src="液並xxx.action"></iframe></div>，做出來多咐埋配個頁簽動態的用js修改 iframe.src的值就衡指可以實現局部刷新了。
Ⅳ 同一個jsp頁面中 局部刷新問題
文件一; GetUser.java
package ajax;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class GetUser extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String userno=request.getParameter("no");
List<User> list=new ArrayList<User>();
User user1=new User();
User user2=new User();
User user3=new User();
user1.setNo("101");
user1.setUsername("wei");
user1.setSex("man");
user2.setNo("102");
user2.setUsername("xiang");
user2.setSex("man");
user3.setNo("103");
user3.setUsername("yang");
user3.setSex("women");
list.add(user1);
list.add(user2);
list.add(user3);
PrintWriter out=response.getWriter();
response.setContentType("text/xml");
response.setCharacterEncoding("GB2312");
response.setHeader("Cache-Control", "no-cache");
out.println("<?xml version='1.0' encoding='gb2312'?>");
out.println("<response>");
for(int i=0;i<list.size();i++){
if(list.get(i).getNo().equalsIgnoreCase(userno)){
out.print("<username>"+list.get(i).getUsername()+"</username>");
out.print("<sex>"+list.get(i).getSex()+"</sex>");
}
}
out.println("</response>");
out.close();
}
}
文件二： User.java
package ajax;
public class User {
private String no;
private String username;
private String sex;
public String getNo() {
return no;
}
public void setNo(String no) {
this.no = no;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
}
文件三： index.jsp
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" charset="GB2312">
var xmlHttp;
/**
*創建一個XMLHttpRequest對象
*/
function makeRequest(){
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
/**
*得到一頁用戶的信息
*/
function createAjax(no){
makeRequest();
var url="GetUser?no="+no;
xmlHttp.open('GET',url,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.setRequestHeader("Content-Type","text/html;charset=UTF-8");
xmlHttp.send(null);
}
/**
*顯示一頁用戶的信息
*/
function callback(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xmlDom=xmlHttp.responseXML;
document.getElementById('username').value=xmlDom.getElementsByTagName('username')[0].firstChild.data;
document.getElementById('sex').value=xmlDom.getElementsByTagName('sex')[0].firstChild.data;
}else{
alert("xmlHttp status: "+xmlHttp.status);
}
}else{
}
}
</script>
<title>display</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>
<body>
<table cellpadding="0" cellspacing="0" bgcolor="#33CCFF" border="0">
<tr>
<td>
學號
</td>
<td>
<input id=no name=no onblur="createAjax(this.value);" />
</td>
</tr>
<tr>
<td>
姓名
</td>
<td>
<input id=username name=username />
</td>
</tr>
<tr>
<td>
性別
</td>
<td>
<input id=sex name=sex />
</td>
</tr>
</table>
</body>
</html>
文件四：web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>GetUser</servlet-name>
<servlet-class>ajax.GetUser</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>GetUser</servlet-name>
<url-pattern>/GetUser</url-pattern>
</servlet-mapping>
</web-app>
以Java的一個集合類 ArrayList 對象存儲的幾條數據為一個資料庫
偽資料庫。。。 可以把上面的集合類裡面的數據記錄當成是從資料庫
中取出來的。。。
然後用Ajax 把 list 轉換成 xml 文件
然後再用 javascript 解析 xml 文件無刷新動態顯示到頁面上
祝你早日成功！！！
Ⅵ 利用JS或者JSP如何實現DIV層內的網頁刷新
首先上面的表單改變如果不提交下面的div就跟著變，那麼這跟jsp沒關系，因為jsp是伺服器端的，客戶端沒提交，伺服器端就不會運行，這是純粹的javascript交互，連ajax都不是。
如果表單提交後div變，分幾種，整個頁面刷新jsp就能辦到。只div刷新，ajax是首選，然後是ifream，其次是flash（和ajax實現方式雷同）。如果這三種你都不想用，那你可以問問上帝怎麼辦。
Ⅶ JSP中用ajax局部刷新問題
看這句：
document.getElementByName("form1").submit();
你未使用send函數，是用submit進行提交，不是Ajax提交，所以無租判法局弊稿改部刷新。
改成：
var url = document.getElementByName("form1").action + "?user="+user+"&usernm="+usernm+"敬嘩&password="+password;
send(url);
return false;
Ⅷ 如何實現jsp頁面某個div的局部刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>js添加刪除行和雙擊變文本框-</title>
<style type="text/css">
*{
font-size:12px;
}
#myTable{
background:#D5D5D5;
color:#333333;
}
#myTable tr{
background:#F7F7F7;
}
#myTable tr th{
height:20px;
padding:5px;
}
#myTable tr td{
padding:5px;
}
</style>
<script type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
var num = 0;
function row(id){
//構造函數
this.id = $(id);
}
row.prototype = {
//插入行
insert:function(){
num = num + 1;
var newTr = this.id.insertRow(-1);
var td_1 = newTr.insertCell(0);
var td_2 = newTr.insertCell(1);
var td_3 = newTr.insertCell(2);
td_1.innerHTML = num;
td_2.innerHTML = "腳本之家 www.jb51.net";
td_3.innerHTML = "<input type='button' onclick='delRow(this)' value='刪除' >";
},
//刪除行
del:function(obj){
var i = obj.parentNode.parentNode.rowIndex;
this.id.deleteRow(i);
}
}
function addRow(){
var row2 = new row("myTable");
row2.insert();
}
function delRow(obj){
var row1 = new row("myTable");
row1.del(obj);
}
var inputItem; // 輸入框句柄
var activeItem; // 保存正在編輯的單元格
//轉成文本
function changeToText(obj){
if( obj && inputItem ) {
// 如果存在正在編輯的單元格， 則取消編輯狀態， 並將編輯的數據保存起來
var str = " ";
if(inputItem.value != "")
str = inputItem.value;
obj.innerText = str;
}
}
//轉成編輯
function changeToEdit(obj){
if( !inputItem ) {
inputItem = document.createElement('input');
inputItem.type = 'text';
inputItem.style.width = '100%';
}
// inputItem.style.display = '';
inputItem.value = obj.innerText; // 將該單元格的數據文本讀到控制項上
obj.innerHTML = ''; // 清空單元格的數據
obj.appendChild(inputItem);
inputItem.focus();
activeItem = obj;
}
//雙擊時文本變成文本框
document.ondblclick = function(){
if(event.srcElement.tagName.toLowerCase() == "td"){
if(!inputItem){
inputItem = document.createElement("input");
inputItem.type = "text";
inputItem.style.width = "100%";
}
changeToText();
changeToEdit(event.srcElement);
}else{
event.returnValue = false;
return false;
}
}
//單擊時文本框變成文本
document.onclick = function(){
if(event.srcElement.parentNode == activeItem || event.srcElement == activeItem)
return;
else
changeToText(activeItem);
}
</script>
</head>
<body>
<input type="button" onclick="addRow()" value="插入一行" />
<table id="myTable" border="0" cellpadding="0" cellspacing="1">
<tr><th>編號</th><th>姓名</th><th>操作</th></tr>
</table>
</body>
</html>
Ⅸ div中表格 是否能局部刷新
<spanstyle="font-size:18px;line-height:28px;">$("#waitWork").click(function(){
varurl="請求地址";
vardata={type:1};
$.ajax({
type:"get",
async:false,//同步請求
url:url,
data:data,
timeout:1000,
success:function(dates){
//alert(dates);
$("#mainContent").html(dates);//要刷新的div
},
error:function(){
畝銀//alert("失敗，請稍後再試！");
}
});
});
</span>
<spanstyle="font-size:18px;line-height:28px;"><divid="mainContent"></span><spanstyle="line-height:21px;font-size:12px;">
</span>注意：後台迅尺宴需要針對div里的信息單獨用一個jsp頁面，不然就需要自己封裝好需要的頁面信息返回
這個方法可以實現單獨刷新一個div，好用的困春一點就是：如果將div里需要的信息單獨放到一個jsp頁面里，都不需要我們後台拼裝數據了，非常方便。