『壹』 我的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; }