`

Ajax实现局部刷新

阅读更多
======================被替换的内容==================
1.jsp
<div id="commonPageList">
被替换的内容
</div>


==========================js=============
function selectUsers() {

var urlStr = "/ajax/home.action?op=User.usersManagerList";
var dataStr = "curPage = 1";
var dataStr ="endBirthdayText=" + selectEndTime;//传入参数
$.ajax( {
url : urlStr + "&tz=" + Math.random(),
dataType : "html",//替换的
data : dataStr,
async : false,
cache : false,
success : function(html) {
                               //替换1.jsp中div为commonPageList的内容
$("#commonPageList").replaceWith(html);
},
error : function(msg) {
alert("加载数据失败!");
}
});

}
===========================jsp=========================
2.jsp(替换的内容)
<div id="commonPageList">
替换的内容
</div>
</div>
分享到:
评论

相关推荐

    jQuery+ajax实现局部刷新的两种方法

    本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 ...

    ajax实现局部刷新

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...

    之AJAX实现局部刷新

    ### AJAX实现局部刷新的知识点详解 #### 一、引言 在现代Web开发中,提升用户体验是至关重要的。其中一种常见的技术就是通过AJAX(Asynchronous JavaScript and XML)实现页面的局部刷新,使得用户在与网页交互时...

    使用AJAX实现局部刷新

    提交表单时,使用AJAX实现局部刷新,就不用每次都重新提交整个页面,效率大大提高了。

    php ajax 实现局部刷新简单例子(超简单化)

    在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...

    使用Servlet Ajax 实现 局部刷新下拉列表(附source)

    本文将深入探讨如何使用Servlet和Ajax实现局部刷新下拉列表的功能,以及如何通过提供的"procedure.txt"文件来理解这一过程。 Servlet是一种Java编程语言的接口,用于扩展服务器的功能。在Web开发中,Servlet主要...

    AJAX实现局部刷新登录和安全认证管理

    通过C#开发语言工具,实现网页局部刷新与安全认证管理过程,密码加密用DES加密方法

    使用Ajax实现页面无刷新(局部刷新),

    **二、Ajax实现局部刷新:登录示例** 在登录场景中,用户输入用户名和密码后,通常会点击登录按钮。使用Ajax,我们可以避免页面整体刷新,仅更新登录状态相关的部分。 1. **HTML结构** 首先,我们需要一个简单的...

    asp.net中ajax局部刷新

    ### ASP.NET中Ajax局部刷新详解 #### 一、引言 在Web开发中,局部刷新是一种常见的技术,它能够在不重新加载整个页面的情况下更新部分页面内容。这种技术极大地提升了用户体验,尤其是在复杂的Web应用中,局部刷新...

    AJAX局部刷新

    总的来说,AJAX局部刷新技术通过优化页面交互,减少了不必要的页面重载,提高了用户界面的响应速度和用户体验。它广泛应用于网页的动态加载、搜索结果的实时更新、表单验证等多个场景。在实际应用中,开发者需要注意...

    java实现ajax局部刷新

    这里的"Java实现Ajax局部刷新"是一个基础的示例,旨在帮助初学者理解Ajax的工作原理及其在实际开发中的应用。 首先,让我们详细解释Ajax的核心概念。Ajax并非一种单一的技术,而是一种综合运用多种Web技术...

    Ajax页面局部异步刷新技术

    其中,最典型的技术就是Ajax(Asynchronous JavaScript and XML),它可以实现页面局部的异步刷新。 #### XMLHttpRequest对象简介 在给定的示例代码中,我们首先创建了一个`XMLHttpRequest`对象。`XMLHttpRequest`...

    ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术

    本篇文章主要介绍的是“AJAX局部刷新”这一技术的应用及其实现方法。 #### 二、AJAX局部刷新技术概述 局部刷新是指只对页面的部分区域进行刷新或更新,而不是整个页面。这种技术可以显著提高用户体验,减少网络...

    ajax局部刷新验证唯一

    在给定代码中,我们可以通过分析`ss()`函数来了解AJAX局部刷新的基本实现方式。 ```javascript function ss() { var xmlHttp = createXMLHttpRequest(); var inputNameNode = document.getElementById("file1")....

    AJAX局部刷新案例

    在"AJAX局部刷新案例"中,我们关注的是如何通过JavaScript和相关的DOM操作来实现网页的局部刷新。这种技术通常涉及到以下几个关键组件: 1. **XMLHttpRequest对象**:这是AJAX的核心,它创建了一个异步的HTTP请求,...

    Ajax局部刷新c#源码

    例如,UpdatePanel控件是实现Ajax局部刷新最简单的方式,它可以包裹需要更新的HTML元素。当UpdatePanel内的元素触发事件时,服务器端的方法会被调用,而不需要整个页面回发。在C#代码中,你可以定义这个方法来处理...

    ajax与php利用json传输数据,实现局部刷新

    Ajax的核心在于创建XMLHttpRequest对象,通过异步发送HTTP请求到服务器,获取响应,然后在客户端处理这些数据,更新DOM元素,实现局部刷新。PHP作为服务器端脚本语言,常用于处理和返回数据,特别是JSON格式的数据,...

Global site tag (gtag.js) - Google Analytics