`

jquery页面刷新和返回页面

    博客分类:
  • ajax
 
阅读更多
jquery和ajax实现对页面的刷新包含这几种情况以下面为例:
            var submitContent = function () {
                $.post('${contextPath}/orderOperation/update', {infoJson: JSON.stringify(getPostData())}, function (data) {
                    var msg = '';
                    switch (data.status) {
                        case -1:
                            msg = '网络数据异常';
                            break;
                        case 0:
                            msg = '更新成功';
                            location.href=document.referrer;
                           /*  history.go(-1);
                            location.reload();  */
                            break;
                        case 101:
                            msg = '请填写备注后提交';
                            break;
                        case 102:
                            msg = '请正确填写项目内容提';
                            break;
                        case 103:
                            msg = '订单id不能为空';
                            break;
                        case 104:
                            msg = '请填写邮费';
                            break;
                        case 105:
                            msg = '发货时请务必填订单号,和物流公司';
                            break;
                        case 107:
                            msg = '该订单不存在!';
                            break;
                        case 108:
                            msg = '在非未发货的情况下,新增的项目价格只能是零。';
                            break;
                        case 1104:
                            msg = '邮费不能为负数';
                            break;
                        default:
                            msg = "网络异常!";
                    }
                    if (data.status != 0) {
                        $.growlUI('提示', msg);
                        debugger;
                    }
                }, 'json');
            };

1.对当前的页面进行修改并且提交到服务器后需要更新当前的页面:更新成功时使用location.reload();对当前的页面进行重新加载。

2.当前页面是订单列表,这时的操作是查看其中一个订单,并且对这个订单做修改,修改成功返回到订单列表时需要对订单列表进行刷新。这时使用location.href=document.referrer;这是返回并且刷新方法。

3.其他的刷新介绍history.go(-n);这个我使用的时候只返回,并没有对页面进行刷新。所以我使用方法2。

下面的是其他的刷新,但是没有用过。有兴趣的可是试试。



  • 大小: 11.2 KB
分享到:
评论

相关推荐

    jquery刷新页面和JS常用的函数

    以上介绍了 jQuery 中关于页面刷新和 AJAX 方法的使用,以及 JavaScript 中的一些常用知识点。这些基础知识对于 Web 开发者来说非常重要,熟练掌握它们能够帮助开发者更高效地进行前端开发工作。

    jquery实现页面局部刷新

    在Web开发中,页面刷新是常见的操作,但全局刷新会导致整个页面重新加载,这可能会浪费用户的时间和流量。为了提高用户体验,我们常常需要实现页面局部刷新,即只更新页面中特定部分的内容,而保持其他部分不变。...

    jquery弹出层不关闭 父页面刷新

    在实际应用中,这些文件将配合jQuery和JavaScript代码,构建出完整的Web应用程序,实现弹出层和页面刷新的控制。如果需要进一步的帮助,如具体的代码实现或对ASP.NET和jQuery的深入理解,建议查阅相关的技术文档或...

    jQueryPost页面不能刷新

    7. **AJAX与页面刷新**:AJAX(Asynchronous JavaScript and XML)技术,包括`$.post`,其核心理念就是实现页面的部分刷新,而不是整个页面的刷新,这有助于提升用户体验。因此,除非明确调用了`location.reload()`...

    JQuery无刷新上传

    在现代Web应用中,用户对于交互体验的需求越来越高,传统的文件上传方式往往需要页面刷新,这无疑降低了用户体验。为了解决这个问题,开发者们引入了无刷新上传技术,其中jQuery无刷新上传是应用广泛的一种实现方式...

    jquery 无刷新分页排序

    1. **JavaScript文件**:用于实现jQuery无刷新分页和排序的核心逻辑,可能包括监听用户事件、发起Ajax请求、处理返回数据和更新页面等功能。 2. **CSS文件**:用于美化分页和排序的样式,如分页按钮、排序图标等。 3...

    Jquery无刷新分页

    而jQuery无刷新分页则通过Ajax技术实现,只请求和更新必要的数据,保持页面状态的同时快速显示新内容。 要实现jQuery无刷新分页,我们需要以下关键步骤: 1. **HTML结构**:首先,我们需要创建一个基本的HTML结构...

    jquery+json 实现页面无刷新列表分页

    2. **用户体验**:用户无需等待整个页面刷新,可以连续浏览内容,提高了交互性。 3. **资源利用**:减少了服务器的负载,因为只需要处理部分数据请求。 **五、注意事项** 1. **兼容性**:虽然jQuery广泛支持,但...

    jQuery上啦刷新 jQuery下拉刷新

    使用jQuery实现上拉和下拉刷新功能,可以大大减少开发者的工作量,并且兼容性良好,适用于各种浏览器。 实现jQuery上拉刷新(也称为无限滚动)的基本步骤如下: 1. **检测滚动事件**:首先,我们需要监听浏览器的...

    jquery刷新页面

    jQuery 是一个功能强大的 JavaScript 库,它提供了许多有用的方法来实现页面刷新。页面刷新可以分为两大类:局部刷新和全页面刷新。 局部刷新 局部刷新是指只刷新页面的一部分,而不重新加载整个页面。jQuery 提供...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    JQuery实现动态菜单以及刷新局部页面实例

    二、局部页面刷新(Ajax局部更新) 局部刷新是现代网页应用中常用的一种技术,它可以只更新页面的一部分,而不是整个页面,从而提供更流畅的用户体验。在jQuery中,我们可以使用Ajax方法实现这一功能。 1. 创建一...

    jquery无刷新上传 .net版

    这个技术利用了Ajax技术实现页面无刷新的文件上传,提供了更好的用户体验,避免了传统文件上传导致的整个页面刷新,使得用户在上传文件时可以继续进行其他操作。 **核心组件:ajaxFileUpload.js** `ajaxFileUpload...

    js jquery无刷新上传插件及实现源码 两种uploadFile 和Uploadify

    在JavaScript和jQuery的世界里,无刷新上传是一种提升用户体验的重要技术,它使得用户可以在不刷新整个页面的情况下完成文件上传。本文将深入探讨两种常用的无刷新上传插件:`uploadFile`和`Uploadify`,并结合AJAX...

    jQuery版页面无刷新翻页插件

    总之,jQuery版的页面无刷新翻页插件利用Ajax技术和jQuery的强大功能,为用户提供了一种高效、流畅的多页内容浏览方式。只需简单的集成步骤,你就可以在自己的项目中实现这一功能,提升网页的交互性和用户体验。

    Asp.net JQuery无刷新分页

    然后,jQuery将返回的数据插入到页面的指定位置,完成数据更新,整个过程无需刷新整个页面。 **四、实现步骤** 1. **创建Asp.net项目**:使用Visual Studio 2010创建一个新的Asp.net Web应用程序项目。 2. **设置...

    php+jquery无刷新上传图片

    无刷新上传是指用户在提交表单后,页面不会重新加载或跳转,而是通过后台处理数据并返回结果,通常借助Ajax技术实现。在这种情况下,我们使用jQuery来编写前端交互代码,PHP作为后端服务器端脚本处理图片上传。 **...

    Struts2+jQuery(不用JSON)实现局部刷新

    在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...

    PHP页面使用jQuery实现不刷新页面翻页功能

    这个过程就是通过jQuery的Ajax功能实现页面无刷新翻页的基本流程。通过这种方式,用户可以在浏览大量数据时保持流畅的体验,同时减少服务器负载。记住,为了确保良好的用户体验,还需要考虑错误处理、加载指示器以及...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

Global site tag (gtag.js) - Google Analytics