`
youyu4
  • 浏览: 440524 次
社区版块
存档分类
最新评论

jQuery Ajax 读取静态的外部数据

 
阅读更多

 

1. 我们有时会用 jQuery Ajax 来获取静态的外部数据,外部数据分以下几类:

 

    1. HTML片段              load()

    2. JSON文件              getJSON()         

    3. JavaScript文件       getScript()

    4. XML文件                get()

 

   上面的外部数据类型通过不同的方法,将数据动态加载到页面中。

 

 

2. 以上各种方法的特点:

 

   (1)  HTML片段

          ---优点:工作量小,不需要遍历数据

          ---缺点:不方便重用,因为要和目标容器紧密结合

 

  (2)  JSON文件

         ---优点:方便重用、简洁、易读、速度非常快

         ---缺点:文件中的错误,可能会导致页面脚本终止运行,还可能会影响其他地方。

 

  (3)  JavaScript文件

         ---优点:极大的灵活性,可以将一些比较少用的脚本放到外部文件中,在加载文件前有效地减少代码量。

         ---缺点:不是真正的存储机制,因为文件是对特定的语言的,不用系统中要获取数据信息有问题。

 

  (4)  XML文件

         ---优点:重用的数据

         ----缺点:体积比较大,读取速度慢一些

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery ajax读取json文件内容

    本文将深入探讨如何使用jQuery的ajax方法来读取JSON文件内容。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于服务器与客户端之间传递数据。 首先,理解jQuery的$.ajax()函数是关键。这是一...

    ajax 获取文件路径

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,它允许我们在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。这里提到的"ajax jsp获取本地文件夹所有的路径"是一个示例,它展示了...

    jquery ajax 静态资源管理_club

    本知识点主要围绕“jQuery AJAX”以及其在静态资源管理中的应用展开,结合给定的标签“源码”和“工具”,我们将深入探讨如何使用jQuery AJAX进行动态数据请求和静态资源的高效管理。 首先,jQuery库简化了...

    jquery-ajax最简单的实力

    在这个教程中,我们将深入理解如何使用jQuery中的AJAX函数来读取XML文件,进而实现二级联动效果,这对于初学者来说是一个很好的学习起点。 **一、jQuery AJAX基础** 1. **AJAX简介**:AJAX允许在不刷新整个页面的...

    ajax生成静态页面

    另一种方法是在用户访问动态页面时,动态页面检测到这是一个首次访问或者缓存已过期,此时服务器会生成静态页面并返回给客户端,同时将其保存,供后续请求直接读取。 使用Ajax请求将内容发送至后台写入HTML文件,...

    ajax 静态网页操作表格分页哦

    3. 处理响应:在onreadystatechange事件中,检查readyState和status属性,当状态改变且请求成功时,读取响应数据。 4. 更新表格:使用JavaScript或jQuery等库解析返回的数据(通常是JSON),并动态插入到表格中。 5....

    Ajax读取用户控件中repeater、datalist、listview中的内容并写到页面

    本教程将详细讲解如何使用Ajax技术来读取用户控件内的repeater、datalist和listview的数据,并将其动态地显示到页面上,以实现无刷新的数据交互。 首先,我们要理解这三种数据绑定控件: 1. Repeater:Repeater是...

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    本文主要讲解了如何利用jQuery和Ajax技术实现网页中Select下拉框的多级关联动态绑定数据,即实现省份选择后城市下拉框动态更新的功能。通过实际的代码实例,详细说明了从后端数据库读取数据,并通过前端JavaScript...

    【原创】苦苦寻找的: ajax 定时读取数据,无刷新在页面显示

    【标题】:“【原创】苦苦寻找的:ajax定时读取数据,无刷新在页面显示” 在Web开发中,用户界面的实时更新是一个常见的需求,比如股票价格的动态变化、聊天室的消息即时显示等。传统的HTTP请求方式需要用户手动...

    关于jquery(ajax)web四级联动

    在本例中,我们将使用jQuery的AJAX技术来实现在Web项目中选择地区的四级联动效果。 首先,我们需要创建一个动态Web工程。动态Web工程(Dynamic Web Project)是Eclipse中的项目类型,它允许我们编写包括Java在内的...

    AJAXCache是一款jQuery缓存插件可以为ajax方法扩展缓存功能

    AJAXCache插件的引入,解决了这个问题,它允许开发者将某些AJAX请求的结果存储在本地,当下次遇到相同的请求时,可以直接从缓存中读取,避免了不必要的服务器交互。 使用AJAXCache插件,开发者可以自定义哪些AJAX...

    可预览删除的jQuery多图上传ajax提交.zip

    这个名为"可预览删除的jQuery多图上传ajax提交.zip"的压缩包,显然包含了一个利用jQuery实现的多图上传功能,并且支持图片预览和删除,同时使用Ajax技术进行异步数据传输。以下将详细讲解这些知识点。 **1. jQuery...

    php+mysql+jquery 生成静态网页(含后台编辑功能)

    总之,这个项目为学习者提供了一个基础的Web应用实例,涵盖了后端数据处理、前端用户交互和静态页面生成等多个关键知识点,是理解Web开发流程的一个良好起点。通过实际操作和修改,你可以进一步加深对这些技术的理解...

    Ajax+Asp实现批量生成静态页面进度条

    首先,Ajax是Web开发中的一个重要概念,它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这提供了更好的用户体验,因为页面加载速度更快,交互更流畅。Ajax通过JavaScript库如jQuery或原生...

    AJAX+ASP.NET无刷新提交读取数据实例

    本实例将详细介绍如何在ASP.NET框架下结合AJAX实现无刷新提交和读取数据。 首先,理解AJAX的基本工作原理。AJAX允许通过JavaScript向服务器发送异步请求,获取数据后在客户端进行处理,而无需刷新整个页面。这得益...

    jQuery自动填充表单功能代码.zip

    3. **设置数据源**:可以是静态数组,也可以通过Ajax动态获取。例如,可以使用`source`选项指定数据源,如果是Ajax请求,可以这样设置: ```javascript $( "#searchInput" ).autocomplete({ source: function( ...

    省市县级联 不需要从数据库读书在js里面读取数据就可以 了

    在描述中提到,“不需要从数据库读取数据,在JS里面读取数据就可以”。这意味着数据已经被预先存储在JavaScript文件中,而不是在运行时通过Ajax请求从服务器的数据库动态获取。这样做可以减少对服务器的依赖,提高...

    jQuery 1.4.1 中文参考

    - `jQuery.data()`:直接操作元素的数据,支持设置和读取。 **队列控制** - `queue(name)`:查看特定队列的长度。 - `queue(name, callback)`:在指定队列中添加回调函数。 - `queue(name, queue)`:替换指定队列...

    JqueryAjax.AspNetMVC.CRUD:在 AspNetMvc 和 JQuery 文章中用作示例

    单页应用程序C# ASP.NET MVC 5 引导程序查询JQUERY-AJAX 完整 SPA 应用程序的示例,使用 AJAX-JQUERY 工具在 ASP.NET MVC 5 后端实时进行 CRUD 操作(创建、读取、更新和删除)。 这是我为 .NETCoders、 社区撰写的...

    html静态页面调用php文件的方法

    在使用jQuery AJAX方法时,通常需要先在页面中引入jQuery库。此外,.load()方法除了可以接收参数外,还可以直接传入选择器参数,以便只更新页面的特定部分。 在实现过程中,还需要注意的是,为了保证代码的安全性...

Global site tag (gtag.js) - Google Analytics