導航:首頁 > 編程語言 > jspajax刷新頁面

jspajax刷新頁面

發布時間:2023-05-22 11:17:24

A. 同一個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 文件無刷新動態顯示到頁面上

祝你早日成功!!!

B. jsp+ajax+servlet實現局部刷新驗證碼的問題

你用的是responseText肯下不行啊,你返回的是一個圖片流。而不是一段文本,我覺得你不需要用ajax,你只要重新改變一下img對象的src屬性就行了吧,還是指向這個servlet,相當於刷新一下這個圖片。改變圖片州皮的知跡早src屬性時,好搭雀像不刷新整個頁面。

C. JSP頁面如何實現ajax實現局部刷新,求實例。

用jquery吧,這樣的功能很好實現。
這是我之前寫的兩個關聯下拉選擇框,第一個是省份,第二個是具體城市。
選中省份,第二個下拉框的選項實現改變。

$(document).ready(function(){
$("#big").change(function(){ //更改省份下拉框的選項時候觸發
$("#detail").empty();
$.ajax({
type:"post",
url:"changeCitiesAction.do",//傳入action來處理
data:"pid="+$("#big option:selected").val(),//傳遞的參數(父id-即省份id)
success:function(xml){
$(xml).find("bigList").find("type").each(function(){//解析jsp動態生成的xml
var name = $(this).find("cityName").text();
var id = $(this).find("id").text();
//把解析出來的書庫寫入頁面 <!--EndFragment-->
$("#detail").append("<option value="+id+">"+name+"</option>");
})
}
});
});
});

原理都差不多,好好想想吧。

D. 一個頁面的內容發生變化,如何刷新另一頁面應該是用js或ajax吧,麻煩哪位熱心人給出具體點的方法,謝了

你要刷新top。我的建議首唯是把整個框架全部load一遍,而不是單獨敏亮的刷新top,這樣不合適。
如果你要刷新top的話,你就橋芹寬用window.parent.parent.document.getElementById(top所在的frameset的id).src='';
就是把top的頁面重新載入一次就好了

E. ajax如何跳轉到新的jsp頁面的實現方法

ajax 完成業務後在success 方法 或者then 方法裡面 window.location.href = '新的jsp頁面url'

F. 利用JS或者JSP如何實現DIV層內的網頁刷新

首先上面的表單改變如果不提交下面的div就跟著變,那麼這跟jsp沒關系,因為jsp是伺服器端的,客戶端沒提交,伺服器端就不會運行,這是純粹的javascript交互,連ajax都不是。

如果表單提交後div變,分幾種,整個頁面刷新jsp就能辦到。只div刷新,ajax是首選,然後是ifream,其次是flash(和ajax實現方式雷同)。如果這三種你都不想用,那你可以問問上帝怎麼辦。

G. jsp ajax實現刪除數據後刷新頁面的問題

一樓說的不錯,刪除成功後調用載入數據方法

H. 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;

I. jsp頁面刷新後ajax失靈

刷新前後源代碼笑灶有什麼區別? 偶沒用核稿過Struts2..
................抱歉 不清楚了...

順便問一下 據說STRUTS2自帶了AJAX 是么?

那就無能為力改升孝了...

J. jsp通過ajax返回的數據需要頁面刷新後才能顯示

不用刷新就能顯示的,ajax本來就是為了避免刷新而產生的技術
http://blog.sina.com.cn/s/blog_14e31c8730102wxxu.html我寫的,專你可以參考一下屬

閱讀全文

與jspajax刷新頁面相關的資料

熱點內容
繁體中文輸入工具 瀏覽:916
pc桌面壁紙文件夾 瀏覽:473
微信怎麼添加群 瀏覽:781
40歲男人適合的微信名 瀏覽:925
編程里比例怎麼打 瀏覽:215
蘋果12兩個app如何分屏 瀏覽:592
ps下載完不是壓縮文件 瀏覽:362
電腦中的個人文件包括什麼 瀏覽:572
網路連接一般什麼密碼 瀏覽:199
java定時器quartz實例 瀏覽:259
稻殼excel文件太大怎麼弄 瀏覽:901
文件里的視頻如何保存到相冊 瀏覽:428
手機百度雲文件電腦 瀏覽:957
編程怎麼做到時鍾精準 瀏覽:912
錘子用過的壁紙在哪個文件里 瀏覽:468
qq網站安全性未知訪問不了怎麼辦 瀏覽:270
燕秀怎麼修改編程人名字 瀏覽:789
2012年天之眼導航升級 瀏覽:595
如何安裝視頻文件 瀏覽:315
紅米2A升級miui9 瀏覽:927

友情鏈接