首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当我在jquery ajax laravel浏览器中按下"back“按钮时,服务器上的数据不会更新

当在浏览器中按下“back”按钮时,服务器上的数据不会更新的原因是浏览器会从缓存中加载之前访问过的页面,而不会向服务器发送新的请求。这是因为浏览器会对一些静态资源进行缓存,以提高页面加载速度和减轻服务器负载。

为了解决这个问题,可以采取以下几种方法:

  1. 禁用浏览器缓存:可以在服务器端的响应头中设置相关的缓存控制策略,例如设置Cache-Controlno-cachePragmano-cacheExpires为过去的时间等,这样浏览器就会在每次请求时都向服务器发送请求,从而获取最新的数据。
  2. 使用POST请求:可以将页面中的请求方式由GET改为POST,因为POST请求不会被浏览器缓存,每次都会向服务器发送请求。
  3. 使用Ajax的cache属性:在使用jQuery的Ajax请求时,可以设置cache属性为false,这样浏览器就不会缓存该请求的结果,每次都会向服务器发送请求。
  4. 使用版本号或随机参数:可以在请求的URL中添加一个版本号或随机参数,每次请求时更新该参数的值,这样浏览器会认为是一个新的请求,从而向服务器发送请求。

总结起来,解决浏览器缓存导致服务器数据不更新的问题,可以通过禁用浏览器缓存、使用POST请求、设置Ajax的cache属性为false或者在URL中添加版本号或随机参数等方式来实现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

AJAX常见面试问题

他提示说浏览器缓存 JQuery.ajax() 方法,设置cache为false,就不会浏览器缓存中加载请求, 或者利用post方法,请求数据不会缓存,每次都是重新请求数据 4.选项卡实现思路...AJAX基于标准化并被广泛支持技术,不需要下载浏览器插件或者小程序,但需要客户允许JavaScript浏览器执行。随着Ajax成熟,一些简化Ajax使用方法程序库也相继问世。...缺点: .AJAX干掉了Back和History功能,即对浏览器机制破坏。 动态更新页面的情况,用户无法回到前一个页面状态,因为浏览器仅能记忆历史记录静态页面。...(例如,当用户Google Maps单击后退,它在一个隐藏IFRAME中进行搜索,然后将搜索结果反映到Ajax元素,以便将应用程序状态恢复到当时状态。)...(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够更新显示内容同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮争论。 .AJAX安全问题。

1.8K20

全网最新、最全jQuery核心知识,你真的不想点开看看嘛?

为什么使用 jQuery 它能够兼容市面上主流浏览器, IE 和 FireFox,Google 浏览器 处理 AJAX,创建异步对象是不同,而 jQuery 能够使用一种方式不同浏览器创建 AJAX...一般情况命名jQuery对象,为了与DOM对象进行区分,习惯性以 开头,这不是必须。...注意:代码等标签不会在页面显示,而是会在页面执行,但是获取文本内容中含有这个 $(选择器).html():无参数调用方法,获取 DOM 数组第一个dom对象在网页显示文本内容。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器请求文本、HTML、XML 或 JSON 同时能够把接收数据更新 到 DOM 对象。...dataType:表示期望从服务端返回数据格式。当我们使用 $.ajax() 发送请求,会把 ​ dataType值发送给服务端。

5.9K10
  • laravel初次学习总结及一些细节

    ajax contentType 设置为 false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件 contentType: false,...//默认值为true,当设置为true时候,jquery ajax 提交时候不会序列化 data,而是直接使用data processData: false,...如果使用laravel5.3模型自动维护时间,,数据时间存储为时间戳timestamp或datetime类型,,如果存成int类型,则会出错 4.blade模板如果遇到解析不正确的话可以使用...laravel如果出现了向后台提交数据不对情况,一定要先检查是否向后台提交了 _token':'{{csrf_token() 6....form表单提交checkbox,,要将其name加上 [],要不如果提交多个的话,,只能收到最后一个

    4.6K20

    初学者必看Ajax总结

    通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以不重新加载整个网页情况,对网页某部分进行更新。 优点: 页面无刷新,用户体验好。...异步通信,更加快响应能力。 减少冗余请求,减轻了服务器负担 基于标准化并被广泛支持技术,不需要下载插件或者小程序 缺点: ajax 干掉了 back 按钮,即对浏览器后退机制破坏。...jQuery Ajax 一些方法 jqueryAjax 操作进行了封装, jquery $.ajax()方法属于最底层方法,第 2 层是load() 、$.get() 、$.post...项目中需要传递一些参数给服务器页面,那么可以使用$.get()和$.post()或$.ajax()方法 注意:$.get()和$.post()方法是 jquery 全局函数 $.get()方法...注意:远程请求,所有的 POST 请求都将转为 GET 请求json:返回 JSON 数据jsonp:JSONP 格式,使用 jsonp 形式调用函数,例如:myurl?call back=?

    2.6K40

    AjaxjQuery异步加载数据

    简介 一次性从服务器数据读取数据并传送到前端页面上是不现实,一方面会加重服务器压力,另一方面客户带宽资源也会被占用。Ajax刚好可以解决数据异步加载问题。...div将展示Ajax数据 (document).ready(function(){})指页面其他元素加载完成后开始加载Ajax数据,此时,浏览器不会有加载条和转圈情况出现。...动态更新页面的情况,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录静态页面。...一个被完整读入页面与一个已经被动态修改过页面之间可能差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们前一次操作,但是Ajax应用程序,却无法这样做。...(例如,当用户Google Maps单击后退,它在一个隐藏IFRAME中进行搜索,然后将搜索结果反映到Ajax元素,以便将应用程序状态恢复到当时状态)。

    10.9K20

    JQuery 入门学习(三)

    这一节涉及到浏览器服务器交互,我用到是php,如果各位看官不会php脚本也没有关系,涉及到php代码最多10行,重点还是Jquery。...如果只是基础,我们这样理解ajax好了:利用ajax可以动态地以javascript方式向服务器请求数据,并接受服务器发回数据,这个过程浏览器可以做其他任何工作,可以不离开页面,不刷新。    ...所以说ajax最大优点,就是更新整个页面的情况对部分内容进行修改、维护,这样服务器发送数据少,减少了服务器负担。 简单ajax获取信息     说了那么多,我都感觉蛋疼了。...ajaxjson方法     Jquery服务器加载json数据方法是:$.getJSON     它参数与get()方法完全一样,但是服务器返回结果data应该是一个json格式字符串...配合上Jquery,原本就不复杂ajax变得更加简单,而且各个浏览器都能很好地运行。

    8.7K20

    基于Model Event模型事件Laravel实时APP

    Pusher包,有关Pusher注册和使用相关信息可以参考:(基于 Pusher 驱动 Laravel 事件广播)()。...数据库配置主要在config/database.php和.env文件.env文件写上对应host,database,user,password: DB_CONNECTION=mysql DB_HOST...$( "#addFrm" ).submit(function() {//回车或点击提交按钮,AJAX post到ItemController::store()方法,json返回保存'id'=>$item...想要了解更多可以参考这篇文章:(基于 Pusher 驱动 Laravel 事件广播)() 测试实时功能 刷新AB页面,并观察数据库model_event.items。 测试实时创建功能。...A页面点击删除按钮后,B页面也实时删除对应item,且数据库该item也删除: OK,It is working!!!

    5.6K31

    axios + ajax 面试题总结

    通过异步模式,提升了用户体验 优化了浏览器服务器之间传输,减少不必要数据往返,减少了带宽占用 Ajax引擎客户端运行,承担了一部分本来由服务器承担工作,从而减少了大用户量服务器负载。...ajax缺点 ajax不支持浏览器back按钮。 安全问题 AJAX暴露了与服务器交互细节。 对搜索引擎支持比较弱。 破坏了程序异常机制。 不容易调试。...AJAX异步请求原理 浏览器把请求交给代理对象—XMLHttpRequest(绝大多数浏览器都内置了这个对象),由代理对象向服务器发起请求,接收、解析服务器响应数据,并把数据更新浏览器指定控件。...AJAX应用和传统Web应用有什么不同 传统Javascript编程,如果想得到服务器数据库或文件信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据服务器端...Ajax应用中信息是如何在浏览器服务器之间传递 通过XML数据或者字符串 浏览器端如何得到服务器端响应XML数据

    2.1K30

    浅谈PHP与MySQL开发

    .需要读者自己使用百度进行拓展学习. 4.本文所表达观点并不是最终观点,还会更新,因为本人还在学习过程,有什么遗漏或错误还望各位指出. 5.觉得哪里不妥请在评论留下建议~ 6.觉得还行的话就点个小心心鼓励我吧...PHP常常用来开发网页,或者网页后台,其学习成本相对其他语言较低,学习路线不会很陡峭,并且拥有ThinkPHP和Laravel成熟框架可供进行开发....过程可以进行AJAXjQuery了解....Ajax 是一种无需重新加载整个网页情况,能够更新部分网页技术 正在进行AJAX学习,稍后我会更新此处. jQuery jQuery是一个快速、简洁JavaScript框架,是继Prototype...jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等 正在进行jQuery学习,稍后我会更新此处 结束语 如果您对这篇文章有什么意见或者建议

    2.3K150

    AJAX常见面试题(修订版)

    、 客户端与服务器,可以【不必刷新整个浏览器情况,与服务器进行异步通讯技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...服务器并不是以转发方式响应,而是以流方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态变化,得到服务器返回数据,就写到浏览器【因为不是转发方式,所以是无刷新就能够获取服务器数据...缺点: 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互细节。 3、对搜索引擎支持比较弱。 4、破坏了程序异常机制。 5、不容易调试。...,回调函数处理服务器返回数据,【JSONP】 在后端上配置可跨域【CORS方式】 前端ajax请求是本地接口,本地接口接收到请求后向实际接口请求数据,然后再将信息返回给前端【代理方式】 AJAX

    80320

    Ajax工作原理及实例「建议收藏」

    4、ajax原理和XmlHttpRequest对象   Ajax原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面...下面所阐述ajax缺陷都是它先天所产生。  1、ajax干掉了back按钮,即对浏览器后退机制破坏。后退按钮是一个标准web站点重要功能,但是它没法和js进行很好合作。...(例如,当用户Google Maps单击后退,它在一个隐藏IFRAME中进行搜索,然后将搜索结果反映到Ajax元素,以便将应用程序状态恢复到当时状态。)...6、一些手持设备(如手机、PDA等)现在还不能很好支持ajax,比如说我们在手机浏览器打开采用ajax技术网站,它目前是不支持,当然,这个问题和我们没太多关系。   ...5、$.ajax()方法详解 jqueryajax方法参数总是记不住,这里记录一。 1.url: 要求为String类型参数,(默认为当前页地址)发送请求地址。

    65910

    向php提交数据及json

    php文件, $username=$_POST['username']; $password=$_POST['password']; post方法不会改变浏览器地址栏路径,比较安全 get方法,会将你提交东西显示地址栏...ajax简介:  使用ajax 通过后台服务器进行少量数据库交换,网页可以实现异步、局部更新 利用ajax也有这两种方式,但这两中有很大差别, 使用ajaxpost,php echo东西返回到...js提交数据ajax那儿数据,一般用于返回处理某件事结果(如:向数据库插入数据后,将结果返回,然后通过js或jquery对htmlDOM结构进行操作);注:不能跳转到该文件,(若跳转,则该文件接收不到数据...) 使用ajaxget,php echo 东西会返回一个html页面直接在当前输出,可以用js直接跳转到当前php文件。...不过得注意路径后面的变量一定不要出错, 其实,它还是会把数据返回去到js提交那个ajax那儿 在这里,我用jqueryajax: get    提交: $(".look").bind("click

    2.4K30

    AJAX常见面试题(修订版)

    他是指一种创建交互式网页应用网页开发技术。、 客户端与服务器,可以【不必刷新整个浏览器情况,与服务器进行异步通讯技术 AJAX应用和传统Web应用有什么不同?...AJAX应用和传统Web应用有什么不同? 传统web前端与后端交互浏览器直接访问TomcatServlet来获取数据。Servlet通过转发把数据发送给浏览器。...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...服务器并不是以转发方式响应,而是以流方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态变化,得到服务器返回数据,就写到浏览器【因为不是转发方式,所以是无刷新就能够获取服务器数据...缺点: 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互细节。 3、对搜索引擎支持比较弱。 4、破坏了程序异常机制。 5、不容易调试。

    73010

    JSON Web Token(JWT)教程:一个基于Laravel和AngularJS例子

    工作原理 浏览器向包含用户身份和密码服务器发出POST请求。服务器使用在用户浏览器设置cookie进行响应,并包含用于标识用户会话ID。...每个后续请求,由于用户数据存储服务器服务器需要找到该会话并对其进行反序列化。 基于服务器认证缺点 难以扩展:服务器需要为用户创建一个会话并将其保存在服务器某个位置。...laravel-cors 我们composer.json Require the barryvdh/laravel-cors package 并更新我们依赖。...(即,最后 之前引入js文件): <script src="http://cdnjs.cloudflare.com/<em>ajax</em>/libs/<em>jquery</em>/2.1.1/<em>jquery</em>.min.js...ngStorage 库,将token保存到<em>浏览器</em><em>的</em>本地存储<em>中</em>,以便我们可以通过Authorization头(header) <em>在</em>每个请求<em>上</em>发送它。

    30.6K10

    ajax面试题及答案_javase面试题

    他是指一种创建交互式网页应用网页开发技术。、 客户端与服务器,可以【不必刷新整个浏览器情况,与服务器进行异步通讯技术 AJAX应用和传统Web应用有什么不同?...AJAX应用和传统Web应用有什么不同? 传统web前端与后端交互浏览器直接访问TomcatServlet来获取数据。Servlet通过转发把数据发送给浏览器。...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...服务器并不是以转发方式响应,而是以流方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态变化,得到服务器返回数据,就写到浏览器【因为不是转发方式,所以是无刷新就能够获取服务器数据...缺点: 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互细节。 3、对搜索引擎支持比较弱。 4、破坏了程序异常机制。

    91410

    Django-choices字段值对应关系(性别)-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器

    Javascript 操作比较繁琐,我们这里为了方便使用,直接上手 jQuery ajax Ajax 最大优点:不重新加载整个页面的情况,可以与服务器交换数据更新部分网页内容。...(这一特点给用户感觉是不知不觉完成请求和相应过程) 用 Ajax 做一个小案例 页面上有三个 input 框,在前两个 input 框输入数字,点击按钮发送 ajax 请求,不刷新页面的情况...,第三个框自动填写两数之和 咱们这里是 jQuery ajax,别忘了先引入 jQuery 准备工作 新建一个项目,完成基本配置 因为要用到 post 请求,所以先暂时把 settings...动手用 Ajax 实现效果 思路分析 我们是输入信息,然后点击 计算按钮,由 ajax 向后端发起请求,后端拿到请求然后返回数据给前端,前端把数据填到结果框 可以看出,我们突破口是 计算按钮...弹窗中文支持不太好,手动修改样式 调整一样式,谷歌浏览器看层级关系,然后手写样式覆盖掉(这样不会影响其他地方) div.sweet-alert h2{ padding-top

    6.2K31

    一个小时学会jQuery

    ,触发 blur事件 $("button").mousedown()//当鼠标触发事件 $("button").mouseup() //节点放松鼠标按钮触发事件 $("p").mousemove...$(window).keydown() //当键盘或按钮触发事件 $(window).keypress() //当键盘或按钮触发事件,每输入一个字符都触发一次 $("input").keyup...因为服务器浏览器之间交换数据大量减少,结果我们就能看到响应速度更快应用。同时很多处理工作可以发出请求客户端机器完成,Web服务处理时间也就减少了。 ?...这种情况,$.ajax()不再返回一个XMLHttpRequest对象,并且也不会传递事件处理函数,比如beforeSend。 5.3、发送数据服务器 默认情况Ajax请求使用GET方法。...jQuery 1.4,他也会检查服务器指定'etag'来确定数据没有被修改过。

    18.5K71

    ajax无刷新页面切换,历史记录后退前进解决方案

    问题描述 我们在工作中常常遇到需要用ajax来显示下一页和一页,ajax可以不刷新页面进行操作!但是,假如你想通过浏览器历史记录返回一页和下一页。那么ajax默认是做不到!...那么如何解决ajax历史记录返回和前进呢?今天我们就一起来学习一! jshistory相关API普及 首先我们来看看history相关API。...window.onpopstate history.go和history.back(包括用户浏览器历史前进后退按钮)触发,并且页面无刷时候(由于使用pushState修改了history)会触发popstate...事件,事件发生浏览器会从history取出URL和对应state对象替换当前URL和history.state。...pushState,然后页面初始化时候,绑定到页面

    1.4K30

    AJAX常见面试题

    .、 客户端与服务器,可以【不必刷新整个浏览器情况,与服务器进行异步通讯技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...服务器并不是以转发方式响应,而是以流方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态变化,得到服务器返回数据,就写到浏览器【因为不是转发方式,所以是无刷新就能够获取服务器数据...缺点: 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互细节。 3、对搜索引擎支持比较弱。 4、破坏了程序异常机制。 5、不容易调试。...,回调函数处理服务器返回数据,【JSONP】 在后端上配置可跨域【CORS方式】 前端ajax请求是本地接口,本地接口接收到请求后向实际接口请求数据,然后再将信息返回给前端【代理方式】 AJAX

    2.6K50

    Ajax技术优缺点

    传统Javascript编程,如果想得到服务器数据库或文件信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据服务器端。... Ajax应用中信息是如何在浏览器服务器之间传递 通过XML数据或者字符串 ,8,浏览器端如何得到服务器端响应XML数据 XMLHttpRequest对象responseXMl...对应用Ajax最主要缺点就是,它可能破坏浏览器后退按钮正常行为 因为Ajax采用了xml技术,所以Ajax也可能问到XML问题 12,什么是XML -----Extensible...传统Javascript编程,如果想得到服务器数据库或文件信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据服务器端。...ajax缺点 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互细节。 3、对搜索引擎支持比较弱。 4、破坏了程序异常机制。 5、不容易调试。

    2.4K30
    领券