『壹』 我的jsp頁面如何用jquery實現無刷新效果
無刷新就是要用到ajax請求,jquery只是一種實現ajax的方式。
建議你找一個jquery ajax調用的demo看看。這個應該不難吧
『貳』 在jsp頁面上改變頁面的數據,但頁面不刷新的方法有哪些
在jsp頁面上改變頁面的數據,只要不跟伺服器有交互,都不會刷新數據的。
屏蔽刷新的方法:
public String reSave(){
if(this.token != null && this.token.equals(this.getSessionToken())){
/**設置新標識**/
this.setSessionToken();
/**業務代碼**/
..............
return "toAdd";
}else{
printWriter out = null;
try{
httpServletResponse.setContentType("text/html;charset=UTF-8");
out = httpServletResponse.getWriter();
out.println("<script>alert('刷新提交表單!');</script>");
out.flush();
}catch(IOException e){
e.printStackTrace();
}finally{
if(out != null){
out.close();
}
}
『叄』 jsp中返回上一個頁面,不刷新數據
JSP實現無刷新返回通過js控制單純跳轉即可。
javascript 返回上一頁用:
history.go(-1),
返回兩個頁面版: history.go(-2);
在頁面中的寫法是權:<a href="javascript:history.go(-1);">向上一頁</a>
這里就是不帶刷新頁面的。
『肆』 在jsp中點擊提交按鈕時怎樣實現頁面的無刷新
不重置就需要自己回填這個信息,類似於:
<input type="text" name="n" value="<%=request.getParameter("n")%>">
當然這是個例子,邏輯上你應該在前面處理好,並且解決 null 的情況。
『伍』 JSP頁面如何實現無操作實時刷新
頁面的這種無操作實時刷新,一般是首先頁面一載入完畢就去後台請求一次數據,顯示在頁面上。然後在jsp頁面上通過js的定時調用ajax方法每隔固定的時間去後台請求數據刷新頁面。
<scripttype="text/javascript">
varreftime=10000;//默認每隔10秒向後台發送請求
vartaskId;
//頁面載入完畢調用此函數
functionmyStart(){
loadData();
taskId=setInterval(loadData,reftime);//每隔reftime調用loadData方法刷新頁面
}
functionloadData(){
$.ajax({
type:"POST"培雹,
url:"<%=path%>/three",
dataType:"xml",
data:{"data",""清鬧},
success:function(returnedData){
//請求成功將數據更新頁面即可。
}
});
}
functionsetref(){
vartimeValue=document.getElementById('miss').value;
if(timeValue==""||isNaN(timeValue)){
alert("配正帆參數設置有誤");
}elseif(timeValue<10||timeValue>60){
alert("參數設置有誤");
}else{
alert("刷新頻率成功更新為"+timeValue+"秒");
reftime=timeValue*1000;
clearTimeout(taskId);
page=1;
myStart();
}
}
</script>
『陸』 在jsp頁面上改變頁面的數據,但頁面不刷新的方法有哪些
使用Ajax實現,單純的使用JavaScript不可以與後台進行數據交互。 jquary是JavaScript框架,可以簡化Ajax的操作,原始的Ajax方法不再詳述, 這里給給使用jquary的Ajax方法: 一:前台頁面: <script type="text/javascript"> function checkUserName(){ $.ajax({ type: "POST",//請求的方式,有「GET」、「POST」 url: "User.do?method=jqueryAjax",//請求的URL,這里使用了struts框架 data: "name=hejiyuan",//發送的數據 dataType: "xml",//返回的數據格式 success: callback //交互完成後,並且正確響應的回調函數 }); } function callback(data){ //首先將DOM對象轉換成jQuery對象 var jquaryOBJ = $(data); var city = jquaryOBJ.children(); var text = city.text(); } </script> <body> <input id="name" type="text" /> <input type="button" value="驗證" onclick="checkUserName()"> <div id="returnValue"></div> </body> 二、後台action方法代碼 public ActionForward jqueryAjax2(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { response.setCharacterEncoding("GBK"); // 注意返回的數據類型設置為XML類型 response.setContentType("text/xml"); PrintWriter out = response.getWriter(); StringBuffer buffer = new StringBuffer(); buffer.append("<?xml version=\"1.0\" encoding=\"GBK\"?>"); buffer.append("<citys><city><name>永安</name><value>7</value></city>" + "<city><name id='2'>沙縣</name><value>8</value></city></citys>"); out.println(buffer.toString()); out.flush(); out.close(); return null; }