`

如何局部刷新js函数

    博客分类:
  • ajax
阅读更多


<script type="text/javascript">
window.onload=get;
function get()
{
document.getElementById("text_1").innerHTML="<a href='http://www.yahoo.com.cn'>雅虎</a>";
}
function inser_1(obj)
{
if(obj=="baidu")
{
document.getElementById("text_1").innerHTML="<a href='http://www.baidu.com'>百度</a>";
}
else
{
document.getElementById("text_1").innerHTML="<a href='http://www.sina.com.cn'>新浪</a>";
}
}
</script>
<div id="text_1">

</div>
<div>
<input type="button" value="baidu" onClick="inser_1(this.value);" />
<input type="button" value="xinlang" onClick="inser_1(this.value);" />
</div>

 

分享到:
评论

相关推荐

    基于AdminLTE(bootstrap)用JS实现的局部刷新的案例

    这个案例是关于如何在基于AdminLTE和Bootstrap的项目中,利用JavaScript实现页面的局部刷新功能。AdminLTE是一款流行的后台管理界面框架,它基于Bootstrap构建,提供了丰富的组件和预设样式,使得开发者能够快速搭建...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    综上所述,解决`.ajax`局部刷新后js无法调用的问题,关键在于理解DOM更新、作用域、事件绑定和页面生命周期等概念,并根据实际情况采取相应的调整策略。通过以上方法,我们可以确保JavaScript代码在局部刷新后依然...

    页面四种局部刷新技术.txt

    从给定的文件标题、描述、标签以及部分内容来看,主要涉及了四种页面局部刷新的技术,包括iframe、JavaScript、Callback(回掉函数)以及Ajax。下面将对这四种技术进行详细解析: ### 1. iframe(内联框架) ...

    jquery实现页面局部刷新

    为了实现用户交互时的局部刷新,可以结合jQuery的事件处理函数,如`.on()`。例如,在按钮点击时触发AJAX请求: ```javascript $('#refreshButton').on('click', function() { $.get('refresh_data.php', function...

    定时局部刷新table

    本文将深入分析如何使用JavaScript结合Ajax来实现定时局部刷新table的功能。 #### 二、定时器setInterval的使用 `setInterval`函数用于设置一个定时器,该定时器会每隔一段时间执行指定的函数或代码块。在这个例子...

    关于页面局部刷新例程

    3. **Web组件和框架**:现代Web开发框架如React、Vue.js和Angular等也支持局部刷新。这些框架使用虚拟DOM(Virtual DOM)技术,当数据发生变化时,只更新相关的组件,而不是整个页面,从而提高性能。 4. **RESTful ...

    jquary局部刷新全面刷新

    在Web开发中,局部刷新和全面刷新是两种常见的页面更新方式,它们各自有不同的应用场景。 局部刷新(Partial Page Refresh)主要用于只更新网页的一部分区域,而不是整个页面。这提高了用户体验,因为用户不需要...

    页面局部刷新

    4. **Vue.js、React.js等前端框架**:这些现代前端框架提供了组件化和虚拟DOM的概念,使得局部刷新更加直观。例如,在Vue.js中,可以通过v-if、v-show指令或者计算属性来控制组件的显示和隐藏,实现数据驱动的局部...

    局部刷新源码(C#)

    例如,我们可以在服务器端注册一个JavaScript函数,这个函数会在页面加载完成后自动执行,从而初始化局部刷新的事件监听器。 总结起来,实现局部刷新的关键步骤包括: 1. 在C#后端,创建一个实现了`...

    dwr ajax 局部刷新

    "dwr ajax 局部刷新"指的是使用DWR框架来更新网页的特定部分,而不是重新加载整个页面,提高用户体验。 **DWR基本概念:** 1. **CMT (Controlled Method Table)**:DWR的核心组件,负责管理服务器端的Java方法和...

    ajaxAnyWhere局部刷新框架

    AjaxAnyWhere是一款强大的JavaScript框架,专为实现网页的局部刷新功能而设计。在Web开发中,局部刷新技术能够显著提升用户体验,因为它允许页面的某些部分在不重新加载整个页面的情况下进行更新。这极大地提高了...

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

    ### AJAX局部刷新技术详解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点,从而提升...

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

    外部JavaScript文件`fun.js`中定义了`historyLotteryCode_1()`函数,该函数利用jQuery库发起一个AJAX请求。请求类型为POST,目标URL是`ajaxReturn.php`,并传递了一个名为`userid`的数据参数。 当服务器响应返回后...

    四种局部刷新技术

    这里我们将深入探讨四种常见的局部刷新技术:iframe、JavaScript、callback以及Ajax。 首先,**iframe(内联框架)**是最早的局部刷新手段之一。通过在HTML文档中嵌入一个或多个iframe元素,每个iframe可以加载不同...

    AJAX局部刷新案例

    这些事件触发函数会调用AJAX请求,从而实现局部刷新。 例如,在"Stock_log.ldf"这个文件名中,可能包含的是一个股票日志记录,我们可以构建一个AJAX应用,实时更新股票价格或交易记录,而无需刷新整个页面。用户...

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

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

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

    第二种方法是通过创建JavaScript函数来处理点击事件,然后使用jQuery的.load()方法加载新的内容到指定的div中。这种方法涉及事件处理和数据传递,通过监听列表项的点击事件,获取对应的标识符,然后根据这些标识符...

    asp.net中ajax局部刷新

    在ASP.NET中,使用Ajax(Asynchronous JavaScript and XML)来实现局部刷新是一种非常有效的方法。 #### 二、Ajax局部刷新的基本原理 Ajax技术的核心思想是在后台服务器与前端之间进行异步通信,这样可以在不重新...

    ajax 局部刷新的例子

    局部刷新是Ajax的核心应用场景,它避免了用户必须等待整个页面重新加载才能看到更新内容的问题。在传统的网页交互中,用户点击一个链接或提交表单时,整个页面会刷新,这可能导致用户体验中断。而使用Ajax,我们可以...

    AJAX局部刷新和购物车实例

    开发者通过编写JavaScript代码来发送HTTP请求,处理服务器返回的数据,并将这些数据动态地更新到页面的特定部分,即实现局部刷新。 局部刷新是AJAX的核心特性,它可以用于多种场景,如搜索结果的即时显示、动态加载...

Global site tag (gtag.js) - Google Analytics