练习使用 $.ajax() 函数和 load() 函数。
load() 函数是简单的功能强大的函数。
格式为：
$(selector).load(url,data,callback)
selector 为要改变的 html 元素， url 为指定数据的地址。
只有当您希望向服务器发送数据时，才需要使用 data
参数。只有当您需要在执行完毕之后触发一个函数时，您才需要使用 callback
参数。
$.ajax(options)
是低层级 AJAX 函数的语法。
option
参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
下面用分别用了两个函数来改变页面中的文本。代码如下：
<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
var htmlobj=$.ajax({url:"test.txt",async:false});
$('#myDiv1').html(htmlobj.responseText);
$('#myDiv2').load('test.txt');
});
});
</script>
</head>
<body>
<div id="myDiv1"><h2>通过 $.ajax 函数改变文本</h2></div>
<div id="myDiv2">通过load函数改变文本</div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
明显看出load函数更加简洁。
分享到：
相关推荐
JQuery十个适合初学者实例--对初学Jquery的朋友来说还是不错了，通过实例学习，当初我自己就是通过这个学习了Juery，希望对你也有用处。JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片...
### Jquery学习初学教程知识点总结 #### 一、JQuery简介 JQuery是一个轻量级的JavaScript库，它的设计目标是简化HTML文档遍历、事件处理、动画以及Ajax交互等操作，使得开发者能够“write less, do more”，即用更...
HTML5和jQuery是现代网页开发中的重要技术，尤其对于初学者来说，它们是构建交互式网页和游戏的基础。本教程的"最简单的html5+jquery游戏程序初学必选"是一个理想的学习起点，旨在帮助新手快速掌握这两项技术在游戏...
**jQuery初学者指南** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。对于初学者来说，掌握jQuery的基本用法是迈向Web开发进阶的重要一步。本篇文章将重点讲解...
2. **DOM操作（DOM Manipulation）**：jQuery提供了方便的方法来操作DOM。例如，`$(selector).html()`用于获取或设置元素的HTML内容，`$(selector).append()`和`.prepend()`用于在元素内部添加内容，`$(selector)....
**jQuery初学代码集** jQuery是一款广泛应用于网页开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。对于初学者而言，掌握jQuery能够极大地提高开发效率，让复杂的JavaScript代码变...
这个106个实例代码集专为jQuery初学者设计，旨在帮助初学者快速掌握jQuery的核心概念。 **jQuery选择器** jQuery的选择器是其强大功能的关键所在。"jQ学习第一季"可能涵盖了ID选择器（如`$("#id")`）、类选择器...
### 15天学会jQuery初学 #### 第0天：认识jQuery - **What**：jQuery是一个优秀的JavaScript库，能够让我们仅用少量的代码就能创造出美观的页面效果。它的出现让JavaScript变得更加有趣和易于使用。 - **Why**：...
**jQuery初学实例代码集详解** jQuery是一款广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个"jQuery初学实例代码集"是一个非常适合初学者的资源，它...
jQuery基础案例分析（初学者入门精通最佳案例），内容丰富，一切用代码说话。 通常，学习一个技术从基础一点点学识一个很慢的学习过程，即便学会了也编不出东西来。通过简单的案例来学习，分析代码为什么这么写，...
**jQuery初学者必读** jQuery是一款非常流行的JavaScript库，它极大地简化了JavaScript代码，使得网页交互变得更加简单。对于初学者来说，理解并掌握jQuery的基本概念和常用方法是至关重要的。 ### 1. jQuery简介 ...
2. **选择器**：jQuery入门[2]－选择器 .doc详细讲解了jQuery如何简化CSS选择器的使用。jQuery支持基本选择器（如ID、类、标签）、层次选择器（如后代、子元素、相邻兄弟等）、属性选择器以及表单选择器，使得选取...
2. **选择器**：详细讲解CSS选择器在jQuery中的应用，如ID选择器、类选择器、元素选择器等，以及jQuery特有的选择器，如`:first`、`:last`、`:even`等。 3. **DOM操作**：教授如何使用jQuery选择和操作HTML元素，...
初学者应该尝试自己动手编写简单的JavaScript程序和使用jQuery实现动态效果，这样不仅可以巩固理论知识，还能提升实际操作能力。在遇到问题时，可以参考笔记或搜索相关资料，不断迭代和改进代码，逐步成为一名熟练的...
对于初学者来说，掌握jQuery 的基本概念和实践应用是至关重要的。本实例集旨在帮助初学者快速上手jQuery，理解其核心功能并学会在实际项目中应用。** ### 1. jQuery 的引入 在HTML 文件中，可以通过`<script>`标签...
2. **DOM操作（DOM Manipulation）**：jQuery提供了丰富的API来创建、插入、删除或者修改DOM元素。比如，`html()`、`append()`、`prepend()`、`remove()`等函数。jQuery001可能包含如何动态改变页面内容的示例。 3....
《jQuery初学代码详解》 在IT行业中，jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本资料"JQuery初学代码.zip"提供了一个基础的jQuery学习项目，...
这个“适合初学者的jQuery入门教程”旨在为初学者提供一个友好的起点，让他们快速理解和掌握jQuery的基本概念和实用技巧。 首先，jQuery的核心在于选择器。jQuery的选择器类似于CSS，能够方便地选取DOM元素。例如，...
对于初学者来说，掌握jQuery的基本用法和实例是至关重要的，因为这将提升网页开发的效率和用户体验。 首先，让我们深入了解一下jQuery的核心概念。jQuery通过一种简化的语法来选取HTML元素，这被称为选择器。例如，...