ajax用get刷新页面元素在IE下无效解决~~

总结一下解决办法: 
在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,[即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。为了不受缓存影响,可以这样做:

IE访问策略: 
Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以 
1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数

在javascript发送的URL后加上 
1 t=Math.random()

例如这样
1 URL+"&"+"t="+Math.random();//或者new Date();

在 URL 参数后加上 www.hake.cc 
1 "?timestamp=" + new Date().getTime();

最好的方法: 
1 $.ajaxSetup({cache:false}) 
这样页面中所有的ajax请求时,都执行这个。就不必改已经完成的N个接口

以上是网上前辈的的方法,而我投机取巧的用了post提交~~哈哈~~

时间: 2024-10-07 05:26:41

ajax用get刷新页面元素在IE下无效解决~~的相关文章

AJAX 回调函数刷新页面问题

AJAX 回调函数执行完成后,刷新页面window.location.reload()执行无效: 实现方式 1.获取当前页面链接 var route = window.location.href 2.执行完成后 通过replace重定向到当前页面 $.ajax({ url: 'XXX.php', type: 'post', data: { "action": 'XXX', }, success: function(data) { if (JSON.parse(data).success

解决Ajax.BeginForm还是刷新页面的问题

在.net mvc中用Ajax.BeginForm来实现异步提交,在Ajax.BeginForm里面还是可以用submit按钮,一般来说 submit按钮是提交整个页面的数据.但是在Ajax.BeginForm里面使用submit,提交的也只是当前Ajax.BeginForm里面的数据.不过在使用这个东西的时候遇到个问题,就是点击submit按钮,也还是刷新页面了,这时突然感觉Ajax.BeginForm就是个没用的东西.后来想想,不对啊,既然能叫Ajax.BeginForm,那么肯定能够局部刷

JSF中使用f:ajax标签无刷新页面改变数据

ajax本是用在前端的一种异步请求数据的操作,广泛用于js中,一般的js框架如jq都有被封装好的方法,用于发起异步请求操作.异步操作可以增强用户体验和操作,越来越多的程序都在使用ajax.JSF的facelets内置了一个ajax标签,可用于简单的ajax操作. f:ajax 有几个常用属性,分别是:event.listener.render. 1.event:event 对应一个js事件名,该事件名省略了开头的”on“字符,例如点击事件是onclick,那么只需要填入click即可.类似事件还

ajax实现自动刷新页面实例

html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax实现自动刷新</title> </head> <body onLoad="Autofresh()"> <p>现在的时间是:<span id="currenttim

php ajax返回无故刷新页面

1 前言 一个php页面,里面两个$.POST请求,一个会刷新页面,一个不会,然后就拉出来研究一下了,仅作为记录使用. 2 代码 HTML代码: <input value="查找" type="button" id="submit" onclick="return get_example_info()">//点击不会触发整个页面刷新 <!--<button id="submit" o

8. H5 pushState/popstate + ajax开发无刷新页面

css *{ margin: 0; padding: 0; } .m-a{ float: left; width: 100px; } .m-a a{ display: block; height: 30px; line-height: 30px; text-align: center; border: 1px solid #000; } .m-a a.on{ background-color: #ccc; } .con{ float: left; width: 300px; height: 30

Ajax实现定时刷新页面

function deleteValue(){ var refresh = function() { $.ajax({ type:'post', url:'/Application/index', timeout:30000, data:{time:"3"}, dataType:'html', success:function(data){ if(data.state==200){ alert("nihao"); }else{ alert(data.message)

使用ajax实现无刷新改变页面内容

如何使用ajax实现无刷新改变页面内容(也就是ajax异步请求刷新页面),下面通过一个小demo说明一下,前端页面代码如下所示 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="p_tg.aspx.cs" Inherits="p_tg" %> 2 3 <!DOCTYPE html> 4 5 <html> 6 <head&

Ajax实现无刷新分页

注:本文中使用到的一些类库在前面文章都能找到源代码,我会在文中指明链接所在,为了缩短文章篇幅,由此带来的阅读不便,敬请谅解. 本文讲解 Ajax 实现无刷新分页.实现原理.代码展示.代码下载. 这里需要说明一些知识: 1.Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态: 2.那么,Ajax 无刷新页面是运行在动态页面(.PHP)?还是静态页面(.html/.htm/.shtml)?答案是:静态页面: 3.实现原理