1. 加载一个文件,并更新HTML元素内容
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
$('#myDiv').load('/jquery/test1.txt');
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
2.较原生的ajax
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
3. 更多的函数
jQuery AJAX 请求
请求
描述
| $(selector).load(url,data,callback) |
把远程数据加载到被选的元素中 |
| $.ajax(options) |
把远程数据加载到 XMLHttpRequest 对象中 |
| $.get(url,data,callback,type) |
使用 HTTP GET 来加载远程数据 |
| $.post(url,data,callback,type) |
使用 HTTP POST 来加载远程数据 |
| $.getJSON(url,data,callback) |
使用 HTTP GET 来加载远程 JSON 数据 |
| $.getScript(url,callback) |
加载并执行远程的 JavaScript 文件 |
(url) 被加载的数据的 URL（地址）
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时，所执行的函数
(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项
分享到：
相关推荐
资源名称：jQuery简化Ajax开发内容简介：Ajax 并不是一种语言，它只是几种旧技术如 Javaｓｃｒｉｐｔ 和 XML 以及 DOM 的综合应用，全称为 Asynchronous Javaｓｃｒｉｐｔ and XML，即 异步 Javaｓｃｒｉｐｔ 和 XML...
使用 jQuery 简化 Ajax 开发
Ajax\使用jQuery简化Ajax+开发.zipAjax\使用jQuery简化Ajax+开发.zipAjax\使用jQuery简化Ajax+开发.zipAjax\使用jQuery简化Ajax+开发.zipAjax\使用jQuery简化Ajax+开发.zip
### 使用 jQuery 简化 Ajax 开发 #### 一、jQuery 概述及特性 **jQuery** 是一款轻量级的 JavaScript 库，由 John Resig 在 2006 年开发。它极大地简化了 JavaScript 的使用难度，并提供了一系列方便的函数来处理...
### 使用jQuery简化Ajax开发 #### 引言 随着网络应用的日益复杂，异步数据交换的需求也随之增加。Ajax（Asynchronous JavaScript + XML）作为一种技术，允许网页在不重新加载整个页面的情况下，通过JavaScript异步...
### 使用jQuery简化Ajax开发 #### 1. 什么是jQuery？ jQuery是一个非常优秀的JavaScript库，它在2006年由John Resig创立。无论你是JavaScript的新手还是专家，jQuery都能简化DOM（Document Object Model）和Ajax的...
**jQuery简化Ajax操作** 在传统的JavaScript中，处理Ajax请求通常涉及复杂的DOM操作和事件绑定。例如，要为页面上某个ID为`external_links`的区域内的所有链接添加点击事件，需要编写大量的循环和DOM操作（如...
这两本书，《使用jQuery简化Ajax+开发》和《jQuery的起点教程》，是深入理解和掌握jQuery技术的重要资源。 《使用jQuery简化Ajax+开发》这本书着重于讲解如何利用jQuery优化和简化Ajax应用程序的开发。Ajax（异步...
jQuery 是一个强大的 JavaScript 库，由 John Resig 在 2006 年创建，旨在简化 DOM 操作和 AJAX 开发。通过使用 jQuery，开发者可以更高效、简洁地编写代码，减少重复工作，提高代码可读性和可维护性。在 AJAX 开发...
5. 结合使用jQuery和AJAX：演示如何利用jQuery简化AJAX调用，以及如何处理JSON响应数据，实现实时更新页面内容。 这些知识点对于想要学习Web开发，特别是Java RIA（Rich Internet Application）开发的人员非常重要...
【jQuery简化Ajax开发】 jQuery是一个高效、轻量级的JavaScript库，由John Resig于2006年创建。它的核心理念是使JavaScript编程变得更加简单和直观，特别是针对DOM操作和Ajax请求。对于初学者和经验丰富的开发者而...
使用jQuery简化Ajax开发 "Ajax"（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许页面在无需重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。"3-使用 jQuery 简化 Ajax 开发.doc...
在这个聊天室程序中，jQuery库被用来简化Ajax的使用，使得开发者能更轻松地实现这一功能。 1. **jQuery**：jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本聊天室...
通过使用jQuery简化Ajax操作，开发者可以专注于业务逻辑而不是繁琐的异步请求处理。同时，Struts2的Action机制使得服务器端处理变得更加清晰和易于管理。结合两者，可以构建出高效且用户友好的Web应用程序。
标题所提及的"用jQuery简化Ajax开发实现方法"主要体现在jQuery提供了方便快捷的方式来创建和管理Ajax请求。在传统的JavaScript中，Ajax请求往往涉及到复杂的XMLHttpRequest对象的创建和管理，而jQuery通过抽象和封装...
jQuery是一款非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中，jQuery是实现动态和交互性网页的关键工具。Ajax（Asynchronous JavaScript and XML）则是一种在无需...
### 使用jQuery简化Ajax开发 #### 一、简介与背景 jQuery 是一款流行的 JavaScript 库，由 John Resig 在 2006 年创建。它极大地简化了 JavaScript 的使用方式，尤其是在处理 DOM（Document Object Model）操作...
6. **Ajax与jQuery结合应用**：通过案例分析，展示如何利用jQuery简化Ajax代码，实现更高效、更流畅的页面交互。 **课程中的源码部分**将帮助你深入理解这些概念，你可以直接运行和调试代码，实践所学知识。源码...