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 中关于页面刷新和 AJAX 方法的使用,以及 JavaScript 中的一些常用知识点。这些基础知识对于 Web 开发者来说非常重要,熟练掌握它们能够帮助开发者更高效地进行前端开发工作。
在Web开发中,页面刷新是常见的操作,但全局刷新会导致整个页面重新加载,这可能会浪费用户的时间和流量。为了提高用户体验,我们常常需要实现页面局部刷新,即只更新页面中特定部分的内容,而保持其他部分不变。...
在实际应用中,这些文件将配合jQuery和JavaScript代码,构建出完整的Web应用程序,实现弹出层和页面刷新的控制。如果需要进一步的帮助,如具体的代码实现或对ASP.NET和jQuery的深入理解,建议查阅相关的技术文档或...
7. **AJAX与页面刷新**:AJAX(Asynchronous JavaScript and XML)技术,包括`$.post`,其核心理念就是实现页面的部分刷新,而不是整个页面的刷新,这有助于提升用户体验。因此,除非明确调用了`location.reload()`...
在现代Web应用中,用户对于交互体验的需求越来越高,传统的文件上传方式往往需要页面刷新,这无疑降低了用户体验。为了解决这个问题,开发者们引入了无刷新上传技术,其中jQuery无刷新上传是应用广泛的一种实现方式...
1. **JavaScript文件**:用于实现jQuery无刷新分页和排序的核心逻辑,可能包括监听用户事件、发起Ajax请求、处理返回数据和更新页面等功能。 2. **CSS文件**:用于美化分页和排序的样式,如分页按钮、排序图标等。 3...
而jQuery无刷新分页则通过Ajax技术实现,只请求和更新必要的数据,保持页面状态的同时快速显示新内容。 要实现jQuery无刷新分页,我们需要以下关键步骤: 1. **HTML结构**:首先,我们需要创建一个基本的HTML结构...
2. **用户体验**:用户无需等待整个页面刷新,可以连续浏览内容,提高了交互性。 3. **资源利用**:减少了服务器的负载,因为只需要处理部分数据请求。 **五、注意事项** 1. **兼容性**:虽然jQuery广泛支持,但...
使用jQuery实现上拉和下拉刷新功能,可以大大减少开发者的工作量,并且兼容性良好,适用于各种浏览器。 实现jQuery上拉刷新(也称为无限滚动)的基本步骤如下: 1. **检测滚动事件**:首先,我们需要监听浏览器的...
jQuery 是一个功能强大的 JavaScript 库,它提供了许多有用的方法来实现页面刷新。页面刷新可以分为两大类:局部刷新和全页面刷新。 局部刷新 局部刷新是指只刷新页面的一部分,而不重新加载整个页面。jQuery 提供...
### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...
二、局部页面刷新(Ajax局部更新) 局部刷新是现代网页应用中常用的一种技术,它可以只更新页面的一部分,而不是整个页面,从而提供更流畅的用户体验。在jQuery中,我们可以使用Ajax方法实现这一功能。 1. 创建一...
这个技术利用了Ajax技术实现页面无刷新的文件上传,提供了更好的用户体验,避免了传统文件上传导致的整个页面刷新,使得用户在上传文件时可以继续进行其他操作。 **核心组件:ajaxFileUpload.js** `ajaxFileUpload...
在JavaScript和jQuery的世界里,无刷新上传是一种提升用户体验的重要技术,它使得用户可以在不刷新整个页面的情况下完成文件上传。本文将深入探讨两种常用的无刷新上传插件:`uploadFile`和`Uploadify`,并结合AJAX...
总之,jQuery版的页面无刷新翻页插件利用Ajax技术和jQuery的强大功能,为用户提供了一种高效、流畅的多页内容浏览方式。只需简单的集成步骤,你就可以在自己的项目中实现这一功能,提升网页的交互性和用户体验。
然后,jQuery将返回的数据插入到页面的指定位置,完成数据更新,整个过程无需刷新整个页面。 **四、实现步骤** 1. **创建Asp.net项目**:使用Visual Studio 2010创建一个新的Asp.net Web应用程序项目。 2. **设置...
无刷新上传是指用户在提交表单后,页面不会重新加载或跳转,而是通过后台处理数据并返回结果,通常借助Ajax技术实现。在这种情况下,我们使用jQuery来编写前端交互代码,PHP作为后端服务器端脚本处理图片上传。 **...
在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...
这个过程就是通过jQuery的Ajax功能实现页面无刷新翻页的基本流程。通过这种方式,用户可以在浏览大量数据时保持流畅的体验,同时减少服务器负载。记住,为了确保良好的用户体验,还需要考虑错误处理、加载指示器以及...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...