index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ajax</title> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript" src="demo.js"></script> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <input type="button" value="异步加载数据" /> <div id="box"></div> </body> </html>
test.html
<span class="title">一站式建网站</span> <span class="url">onestopweb.cn</span>
test.php
<?php
//echo '一站式建网站';
/*
if($_GET['url'] == 'onestopweb'){
echo '一站式建网站';
}else{
echo '不存在';
}
if($_POST['url'] == 'onestopweb'){
echo '一站式建网站';
}else{
echo '不存在';
}
*/
if($_GET['url'] == 'onestopweb'){
echo '一站式建网站';
}else{
echo '不存在';
}
?>
test.xml
<?xml version="1.0" encoding="UTF-8"?> <root> <url>www.onestopweb.cn</url> </root>
test.json
[
{
"url":"www.onestopweb.cn"
}
]
test.js
alert('我在被呼唤的情况下才被加载')
demo.js
$(function(){
/*
$('input').click(function(){
$.get('test.php?url=onestopweb',function(response,status,xhr){
$('#box').html(response);
});
});
//通过直接在 url 问号紧跟传参
$('input').click(function(){
$.get('test.php','url=onestopweb&a=b',function(response,status,xhr){
$('#box').html(response);
});
});
//通过第二个参数 data，字符串形式的键值对传参，然后自动转换为问号紧跟传参
$('input').click(function(){
$.get('test.php',{
url : 'onestopweb'
},function(response,status,xhr){
$('#box').html(response);
});
});
//通过第二个参数 data，对象形式的键值对传参，然后自动转换为问号紧跟传参
$('input').click(function(){
$.post('test.php?url=onestopweb',function(response,status,xhr){
$('#box').html(response);
});
});
//post 提交不能使用问号传参
$('input').click(function(){
$.post('test.php','url=onestopweb&a=b',function(response,status,xhr){
$('#box').html(response);
});
});
//post 提交可以使用字符串形式的键值对传参，自动转换为 http 消息实体传参
$('input').click(function(){
$.post('test.php',{
url : 'onestopweb'
},function(response,status,xhr){
$('#box').html(response);
});
});
//post 提交可以使用对象键值对
$('input').click(function(){
$.post('test.php',{
url : 'onestopweb'
},function(response,status,xhr){
$('#box').html(response);
},'html');//PHP 文件返回的数据是纯文本，默认是 html 或 text
});
$('input').click(function(){
$.post('test.php',{
url : 'onestopweb'
},function(response,status,xhr){
$('#box').html(response);
},'json');
});
//本身是纯文本，如果强行按照 xml 或者 json 数据格式返回的话，那么就无法获取数据
$('input').click(function(){
$.post('test.xml',function(response,status,xhr){
alert(response);
},'html');//默认 type 就已经是已经是xml
});
//如果默认已经是 xml,强行设置为 html,则会连 xml 标签也返回
$('input').click(function(){
$.post('test.json',function(response,status,xhr){
alert(response[0].url);
});
});
$('input').click(function(){
$.getJSON('test.json',function(response,status,xhr){
alert(response[0].url);
});
});
*/
$('input').click(function(){
$.getScript('test.js');
});
});
相关推荐
源码文件“12章”可能代表书籍第十二章的内容，这一章通常会涉及到更高级或者特定的主题，例如Ajax的安全性、性能优化，或者是与服务器端通信的高级技巧。在这一章中，读者可能会学到如何处理跨域请求、如何使用缓存...
checkname.rar 第12章 自动检查用户名 savepad.rar 第13章 自动保存草稿 menu.rar 第14章 自动展开子菜单 tree.rar 第15章 自动生成树 repage.rar 第16章 Ajax分页 Album.rar 第17章 Ajax相册浏览 ShopCart....
【标题】：“第12章 Ajax（下）” 在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态交互网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。本章将深入...
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
**二、Ajax的基本流程** 1. **创建XMLHttpRequest对象**：在所有现代浏览器中，都可以通过`new XMLHttpRequest()`来创建一个XMLHttpRequest对象。 2. **打开连接**：调用`open()`方法，指定请求类型（GET或POST）、...
1．本书所附代码的运行环境 ...第12章 Ajax小偷模块。 第13章 聚合搜索功能。 第14章 无限级级联菜单。 第15章 内文广告系统。 第16章 聊天室开发。 第17章 可个性化定制的RSS系统。 第18章 Web QQ。
第12章 类与对象.ppt 第13章 使用PHP操作XML.ppt 第14章 PHP与MySQL.ppt 第15章 Ajax简介.ppt 第16章 XMLHTTPRequest对象.ppt 第17章 发送请求并处理响应.ppt 第18章 AJAX实际应用.ppt 第19章 PHP+AJAX留言...
12. **Ajax最佳实践与优化** (第12章) - **性能优化**：包括减少HTTP请求、合并CSS和JS、缓存策略等。 - **用户体验**：讨论如何通过Ajax提高用户体验，如加载指示器、错误提示等。 - **安全性和可维护性**：确保...
第一篇 ASP.NET AJAX概述 第1章 初识ASP.NET AJAX ... 第12章 AJAX相册 第13章 基于AJAX的电子邮件处理 第三篇 ASP.NET AJAX系统开发实战 第14章 基于AJAX的电子商务应用 第15章 在线即时通讯工具
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
第一篇 ASP.NET AJAX概述 第1章 初识ASP.NET AJAX ... 第12章 AJAX相册 第13章 基于AJAX的电子邮件处理 第三篇 ASP.NET AJAX系统开发实战 第14章 基于AJAX的电子商务应用 第15章 在线即时通讯工具
12. 第12章：高级Ajax技巧与最佳实践 最后一章，作者分享了一些高级Ajax技巧，如分页、缓存策略、性能优化等，并提出了Ajax开发的最佳实践，帮助开发者提升应用质量和用户体验。 通过《疯狂Ajax讲义(第3版)》的...
第12章则可能进一步扩展了Ajax的应用，比如： 1. **WebSockets**：WebSockets是一种持久化的双向通信协议，提供了实时数据传输。章节可能介绍了WebSocket API的使用，以及如何在Ajax应用中整合WebSocket，实现双向...
第12章：ASP.NET AJAX服务端编程与高级特性 最后一章将深入到服务端编程，探讨如何在C#中使用ASP.NET AJAX。我们会学习如何创建和调用ASP.NET AJAX服务端方法，以及如何处理AJAX请求。此外，还将讨论关于优化和调试...
在本压缩包中，我们关注的是《疯狂Ajax讲义》的第12章源代码，这是一份关于Web开发特别是JavaScript在Ajax应用中的实践教程。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下更新部分网页的...
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统