练习使用 $.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 #### 1.1 jQuery简介 jQuery自2006年由John Resig创建以来,迅速成为最受欢迎的JavaScript库之一。它以其简洁、高效的特点赢得了广大开发者的青睐。jQuery的核心优势在于简化了...
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元素,...
### Jquery初学者下载资源知识点解析 #### 一、引言与概述 ##### 1.1 jQuery简介 - **定义**:jQuery是一个免费开源的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,极大地提高了前端...
初学者应该尝试自己动手编写简单的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元素。例如,...