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()
}));
});
相关推荐
疯狂ajax 讲义 第三版 源码。我买书光盘里的，由于超过60M，所以分了好几个文档，但都是免费的，分享给大家。
checkname.rar 第12章 自动检查用户名 savepad.rar 第13章 自动保存草稿 menu.rar 第14章 自动展开子菜单 tree.rar 第15章 自动生成树 repage.rar 第16章 Ajax分页 Album.rar 第17章 Ajax相册浏览 ShopCart....
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
1．本书所附代码的运行环境 ...第12章 Ajax小偷模块。 第13章 聚合搜索功能。 第14章 无限级级联菜单。 第15章 内文广告系统。 第16章 聊天室开发。 第17章 可个性化定制的RSS系统。 第18章 Web QQ。
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 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留言...
NULL 博文链接：https://onestopweb.iteye.com/blog/2226303
NULL 博文链接：https://onestopweb.iteye.com/blog/2226304
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
《疯狂ajax讲义》（第三版） 李刚的疯狂系列大家应该都懂的（PDF格式，共624页）。。。。。。 因为条件限制，分成7个压缩包，需要的请下载7个压缩包后一起解压。...第十二章 Ajax实例：电子拍卖系统
李刚老师的《疯狂Ajax》一书的源代码。第01-12章。
完整版Java web开发教程PPT课件 Java开发进阶教程 第12章 自定义mvc框架（共11页）.pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第13章 spring ioc aop（共18页）.pptx 完整版Java web开发教程PPT课件 ...
第12章 12.1 使用ASP.NET Ajax控件实现的页面无刷新的简单实例 第13章 AjaxGridView Ajax化的GridView AjaxChartRoom Ajax无刷新聊天室 第14章（\C05） AutoComplete AutoCompleteExtender控件的使用 ...
《疯狂Ajax讲义》源代码 （第12章），免费给大家分享了。有问题留言。