`

jquery异步加载链接URL内容并输出到指定元素中的方法

 
阅读更多

 

    这个方法在引入公共文件的时候非常好用，比如你的头部文件，如果所有页面都一样的话，那么可以把头部文件单独用       一个url来定制。然后在每个指定的页面中输出即可。

 

   详细用法参阅：http://www.w3school.com.cn/jquery/ajax_load.asp

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>//记得引入你的jquery文件
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#showId").load('./showAction.action');
   //可以是任何url链接 这个链接输出的就是html文件。
   //比如你写http://www.iteye.com  那么就会在你指定的的div里输出返回的返回的内容
  });
});
</script>
</head>
<body>

<div id='showId'><h2>通过 AJAX 来改变这段文本</h2></div>
<button>改变内容</button>

</body>
</html>
分享到：
| hibernate的Query查询的缓存的问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery异步加载页面

    在“jQuery异步加载页面”的场景中，我们通常指的是利用jQuery的Ajax功能来实现页面内容的动态加载，以提高用户体验，减少网络传输负担。这种技术尤其适用于选项卡式布局，因为用户通常只需看到一两个选项卡的内容，...

    jquery 异步加载页面

    jQuery异步加载页面技术是现代Web开发中不可或缺的一部分，它极大地提升了用户体验。理解并熟练运用`$.ajax()`、`.load()`和相关事件，可以帮助我们构建更加动态、响应式的网站。同时，结合适当的性能优化策略，可以...

    Jquery异步加载应用

    对于无限滚动（Infinite Scroll）这种场景，jQuery 插件 `$.fn.load()` 很有用，它可以加载指定URL的部分内容到DOM元素中： ```javascript $(window).scroll(function() { if ($(window).scrollTop() + $(window)....

    jquery ajax选项卡使用jQuery选项卡切换异步加载请求数据

    同时，通过Ajax调用，我们可以异步加载新的内容。以下是一个基本的实现： ```javascript $(document).ready(function() { var $tabs = $('.tabs').on('click', 'li', function() { var $this = $(this), tabId =...

    jquery 异步treeTable树形插件

    《jQuery异步treeTable树形插件详解及应用实践》 在Web开发中，数据的展示方式多种多样，其中树形结构是一种常见的数据组织形式，它能够清晰地呈现出层次关系，便于用户理解和操作。jQuery异步treeTable插件是用于...

    jQuery插件TreeView异步加载树

    本篇文章将深入探讨jQuery插件中的“TreeView”组件，特别是关于其异步加载树的实现。 TreeView是一种常见的UI元素，它通常用于展示层次结构的数据，如文件系统、组织结构等。在网页应用中，TreeView插件能够以树形...

    jquery实现页面的异步加载（jsp）

    在网页开发中，异步加载是一种提升用户体验的重要技术。它允许网页的部分内容在不重新加载整个...在实际开发中，根据项目需求和服务器端的配合选择合适的方法，并注意对用户体验的优化，是实现高效页面异步加载的关键。

    jquery ztree 异步加载

    要实现ZTree的异步加载，首先需要在初始化ZTree时设置`async`属性为`true`，并指定异步请求的URL、参数等配置。 ```javascript var o_setting = { editable: false, isSimpleData: true, treeNodeKey: "id", ...

    jQuery异步加载分页代码.zip

    本压缩包"jQuery异步加载分页代码.zip"提供了一种利用jQuery来实现异步加载分页的解决方案，主要涉及到的知识点包括jQuery基础、AJAX异步请求和分页逻辑处理。 1. **jQuery基础**：jQuery是一个广泛使用的...

    jQuery+ajax异步加载分页代码

    **jQuery+Ajax异步加载分页代码详解** 在网页开发中，为了提高用户体验，我们常常会采用异步加载（Ajax）技术来实现分页功能，这样用户无需等待整个页面刷新，仅需加载新数据即可。本示例是基于jQuery库实现的简单...

    jquery ztree 异步动态加载

    在ZTree中，实现异步加载需要配置相应的参数。主要涉及以下几个关键设置： - `async`: 这个配置项用于开启异步加载功能，如`{async: {enable: true}}`。 - `data`: 数据配置项，其中的`key`属性用于设置树节点的...

    利用Ajax+Jquery实现异步进度条效果

    在现代Web应用中，用户体验是至关重要的，而异步加载和实时反馈机制是提升用户体验的有效方式之一。"利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开，它涉及到C#后端开发、.NET框架、Ajax技术以及...

    jquery showLoading局部指定加载特效

    "jquery showLoading 局部指定加载特效"是jQuery应用中的一个常见需求，尤其是在网页的异步加载或者数据更新时，为了提供更好的用户体验，我们常常会在特定区域显示一个加载指示器，让用户知道内容正在加载。...

    jquery easyui tree 树形列表节点异步加载

    在本文中，我们将深入探讨jQuery EasyUI中的Tree组件以及如何实现树形列表节点的异步加载。EasyUI是一个基于jQuery的轻量级前端框架，它提供了丰富的UI组件，包括我们这里关注的Tree组件。异步加载是提升用户体验的...

    jquery异步方式请求

    本文将深入探讨如何使用jQuery进行异步请求，这是一种非常关键的技术，它允许网页在不重新加载整个页面的情况下，通过Ajax与服务器进行数据交换，从而实现动态更新页面内容。 ### jQuery异步请求概述 jQuery的异步...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    在本文中，我们将深入探讨jQuery Dialog的使用方法、功能特性以及如何实现加载URL地址。 ### 1. jQuery Dialog基础 jQuery Dialog是基于jQuery和jQuery UI库构建的，它提供了一种模态或非模态的对话框，可以用来...

    jQuery的异步调用

    与"$.ajax"相比，"load"函数的使用更直观简单，只需指定目标元素和URL即可实现数据的异步加载。这使得"load"函数在实现动态内容更新方面非常有用。 处理JSON数据在Ajax交互中也是一个重要的环节。随着Web 2.0时代的...

    Jquery 封装下的ajax异步加载

    在项目中，jQuery的`.ajax()`调用会向`MyServlet`发送POST请求，Servlet接收到请求后，生成JSON响应，然后`.ajax()`的`success`回调函数会接收到这个响应，并进行相应的处理，比如更新DOM元素。 **总结** 这个Web...

    c# webform 异步加载用户控件

    例如，一个简单的jQuery异步加载示例： ```javascript $(document).ready(function () { $("#loadButton").click(function () { $.ajax({ type: "POST", url: "Page.aspx/Load UserControl", data: "{}", ...

    jQuery异步访问

    这将从 'your-url' 页面的 '#some-element' 中提取内容，并将其插入到页面ID为 'result' 的元素内。 ### 六、jQuery promises 和 $.Deferred() jQuery 1.5引入了 Deferred 对象和 Promise API，使异步操作更易于...

Magicbox
Global site tag (gtag.js) - Google Analytics