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> <form> 用户名：<input type="text" name="user" /> 邮件：<input type="text" name="email" /> <input type="button" value="提交" /> </form> <div id="box"></div> --> <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> <div id="box"></div> </body> </html>
test.php
<?php
if($_POST['url'] == 'onestopweb'){
echo '一站式建网站';
}else{
echo '不存在';
}
?>
user.php
<?php echo $_POST['user'].'-'.$_POST['email'] ?>
demo.js
$(function(){
/*
$('input').click(function(){
$.ajax({
type:'POST',
url:'test.php',
data:{
url:'onestopweb'
},
success:function(response,status,xhr){
$('#box').html(response);
}
});
});
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'user.php',
data:{
user:$('form input[name=user]').val(),
email:$('form input[name=email]').val()
},
success:function(response,status,xhr){
$('#box').html(response);
}
});
});
//表单元素特别多的情况下，写起来非常麻烦，容易出错
//复制提交的 JS 内容时， data 属性需要修改的非常多
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'user.php',
data:$('form').serialize(),
success:function(response,status,xhr){
$('#box').html(response);
}
});
});
alert($('form').serialize());//字符串形式的键值对，并且还对 URL 进行的编码
$('form input[name=sex]').click(function(){
//$('#box').html($(this).serialize());
$('#box').html(decodeURIComponent($(this).serialize()));
});
$('form input[name=sex]').click(function(){
//console.log($(this).serializeArray());
var json = $(this).serializeArray();
$('#box').html(json[0].name +'='+json[0].value);
});
//初始化重复的属性
$.ajaxSetup({
type:'POST',
url:'user.php',
data:$('form').serialize()
});
$('form input[type=button]').click(function(){
$.ajax({
success:function(response,status,xhr){
$('#box').html(response);
}
});
});
*/
$('form input[type=button]').click(function(){
$.ajax({
type:'POST',
url:'user.php',
data:$.param({
user:$('form input[name=user]').val(),
email:$('form input[name=email]').val()
}),
success:function(response,status,xhr){
$('#box').html(response);
}
});
});
alert($.param({
user:$('form input[name=user]').val(),
email:$('form input[name=email]').val()
}));
});
相关推荐
源码文件“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（中）"这一主题中，我们可能会深入学习以下关键知识点： 1. **XMLHttpRequest对象**：这是Ajax技术的基础，用于在后台与服务器通信。通过创建XMLHttpRequest实例，我们可以发送HTTP请求并接收响应，...
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
**Ajax（Asynchronous JavaScript and XML）**是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这一技术的核心在于JavaScript，XML则...
1．本书所附代码的运行环境 ...第12章 Ajax小偷模块。 第13章 聚合搜索功能。 第14章 无限级级联菜单。 第15章 内文广告系统。 第16章 聊天室开发。 第17章 可个性化定制的RSS系统。 第18章 Web QQ。
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 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章 在线即时通讯工具
第一篇 ASP.NET AJAX概述 第1章 初识ASP.NET AJAX ... 第12章 AJAX相册 第13章 基于AJAX的电子邮件处理 第三篇 ASP.NET AJAX系统开发实战 第14章 基于AJAX的电子商务应用 第15章 在线即时通讯工具
第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. 第12章：高级Ajax技巧与最佳实践 最后一章，作者分享了一些高级Ajax技巧，如分页、缓存策略、性能优化等，并提出了Ajax开发的最佳实践，帮助开发者提升应用质量和用户体验。 通过《疯狂Ajax讲义(第3版)》的...
第12章则可能进一步扩展了Ajax的应用，比如： 1. **WebSockets**：WebSockets是一种持久化的双向通信协议，提供了实时数据传输。章节可能介绍了WebSocket API的使用，以及如何在Ajax应用中整合WebSocket，实现双向...
在本压缩包中，我们关注的是《疯狂Ajax讲义》的第12章源代码，这是一份关于Web开发特别是JavaScript在Ajax应用中的实践教程。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下更新部分网页的...
第12章：ASP.NET AJAX服务端编程与高级特性 最后一章将深入到服务端编程，探讨如何在C#中使用ASP.NET AJAX。我们会学习如何创建和调用ASP.NET AJAX服务端方法，以及如何处理AJAX请求。此外，还将讨论关于优化和调试...
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统