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> <form> 用户名：<input type="text" name="user" /> 邮件：<input type="text" name="email" /> <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 <input type="button" value="提交" /> </form> <span class="loading">正在加载中...</span> <div id="box"></div> </body> </html>
style.css
/* CSS Document */
.loading{display: none; color: #c00; font-weight: bold;}
user.php
<?php echo $_POST['user'].'-'.$_POST['email'] ?>
test.json
[
{
"url":"www.onestopweb.cn"
}
]
jsonp.php
<?php
$_arr = array('a'=>1,'b'=>2,'c'=>3);
$_result = json_encode($_arr);
echo $_result;
?>
test1.php
<?php echo 'test1.php'; ?>
test2.php
<?php echo 'test2.php'; ?>
demo.js
$(function(){
/*
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'test.json',
success:function(response,status,xhr){
alert(response[0].url);
}
});
});
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'test.json',
dataType:'html',
success:function(response,status,xhr){
alert(response);
}
});
});
//本地获取 jsonp.php 文件，成功
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'jsonp.php',
dataType:'json',
success:function(response,status,xhr){
alert(response);
alert(response.a);
}
});
});
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'user.php',
data:$('form').serialize(),
//只能显示第二个
success:function(response,status,xhr){
alert(response +'1');
},
success:function(response,status,xhr){
alert(response+'2');
}
});
});
//jqXHR 就是 $.ajax() 返回的对象
$('form input[type=button]').click(function(){
var jqXHR = $.ajax({
type:'POST',
url:'user.php',
data:$('form').serialize()
});
jqXHR.success(function(response){
alert(response);
});
});
//jqXHR 就是 $.ajax() 返回的对象
$('form input[type=button]').click(function(){
var jqXHR = $.ajax({
type:'POST',
url:'user.php',
data:$('form').serialize()
});
// jqXHR.success(function(response){
// alert(response);
// });
jqXHR.done(function(response){
alert(response +'1');
}).done(function(response){
alert(response +'2');
});
jqXHR.done(function(response){
alert(response +'3');
});
});
//jqXHR 就是 $.ajax() 返回的对象
$('form input[type=button]').click(function(){
var jqXHR1 = $.ajax('test1.php');
var jqXHR2 = $.ajax('test2.php');
jqXHR1.done(function(response){
alert(response);
});
jqXHR2.done(function(response){
alert(response);
});
});
//jqXHR 就是 $.ajax() 返回的对象
$('form input[type=button]').click(function(){
var jqXHR1 = $.ajax('test1.php');
var jqXHR2 = $.ajax('test2.php');
$.when(jqXHR1,jqXHR2).done(function(r1,r2){
alert(r1[0]);
alert(r2[0]);
});
});
*/
});
相关推荐
NULL 博文链接：https://onestopweb.iteye.com/blog/2227918
第13章：基础篇 本章首先介绍了Ajax的基本概念，包括它的起源、工作原理和在Web开发中的重要性。它详细解释了如何使用JavaScript创建XMLHttpRequest对象，这是Ajax通信的基础。接着，通过实例演示了发送GET和POST...
完整版Java web开发教程PPT课件 Java开发进阶教程 第13章 spring ioc aop（共18页）.pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第14章 spring mvc介绍,原理以及搭建（共15页）.pptx 完整版Java web开发...
### 十三、闭包 闭包是指有权访问另一个函数作用域中的变量的函数。 - **闭包**: 一个函数加上其外部作用域内的变量组合而成。 - **特点**: 闭包可以让变量在函数执行完毕后仍然存活，实现数据的封装和持久化。 #...
第十三章讲解了如何使用jQuery来优化用户界面设计，比如使用提示框、进度条等功能来提升用户体验。 **14. 处理AJAX数据** 第十四章详细介绍了如何处理通过AJAX获取的数据，包括数据格式化、解析JSON等操作。这部分...
根据常见的教学结构，这些章节可能涵盖了AJAX的基础知识，如创建第一个AJAX应用，到更高级的主题，如异步数据处理、AJAX错误处理、以及优化技巧。 13、12、14等数字可能表示章节编号，每个文件对应一个具体的实例或...
第13～16章是进阶篇，主要讲解Java Web开发中常用的各种框架和新兴技术，包括Struts、Spring、Hibernate和Ajax等，这些技术在实际的项目开 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
在第二十二章，主要介绍了常用的Web开发框架——Struts2和Hibernate。 **Struts2框架**是基于WebWork技术的下一代Struts框架，它采用了拦截器模式处理用户请求，使业务逻辑与Servlet API完全分离。Struts2的搭建...
**第十三章：ASP.NET Web服务** Web服务允许应用程序之间通过HTTP进行通信。这一章会讲解如何创建和使用SOAP或RESTful Web服务。 **第十四章：ASP.NET MVC** ASP.NET MVC是一种模型-视图-控制器架构模式，为Web开发...
第十三章和第十七章的PPT分别深入解析了Struts的使用和Struts与Spring、Hibernate的整合，展示了如何有效地管理应用程序的流程和控制。 6. **Spring**： Spring是一个全面的Java企业级应用框架，支持依赖注入、AOP...
- **Google Ajax Search API的使用**：第十一部分介绍了一种实用的方法，即使用Google提供的Ajax Search API来增强Web应用的搜索功能。这部分内容讨论了如何选择合适的URL来获取搜索结果，并且展示了Google提供的...
DWR是是关于开发web2.0网站实现动态交互性，增强用户体验度的一个Ajax框架技术，本文档共10章，其内容依次为:第1章.DWR入门，含3小节;第2章.web.xml配置，含6小节;第3章.dwr.xml配置，含4小节;第4章.整合，含8小节;...
第一篇 JavaScript入门篇 第1章 初步了解JavaScript 1.1 JavaScript是什么 ...第13章 JavaScript错误与异常处理 第三篇 JavaScript实例篇 第14章 JavaScript与插件通信 第15章 JavaScript常用特效收集
整个Java Web开发教程涵盖了从基础到进阶的多个主题，包括JavaScript、DOM操作、表单验证、自定义Web服务器、Servlet、JSP语法、内置对象、JSTL、EL、Java Bean、过滤器、监听器、自定义标签、AJAX、自定义MVC框架、...
13. **第十三章：性能优化与部署** - **性能调优**：包括数据库查询优化、内存管理、缓存策略等。 - **应用部署**：在不同环境（如本地、测试、生产）下部署Java Web应用。 这个资源的源码涵盖了从基础到进阶的多...
第十三章：性能优化与安全防护 - 性能优化：缓存技术、数据库优化、代码优化。 - 安全防护：防火墙、SSL加密、验证码等措施。 第十四章：网站部署与维护 - 部署步骤：将ASP应用上传到服务器，配置域名、数据库连接...
第十二章 案例研究：用DOM设计选择列表 12.1 经典的感觉 12.2 构建更好的选择列表 12.3 策略？我们不需要臭烘烘的策略 12.4 添加事件--为人造select赋予生命 12.5 让表单绽放光彩 12.6 行为修正 ...