<script src="js/jquery.form.js" type="text/javascript"></script>
Jquery Form Plugin是jquery最重要的插件之一Q它利用AJAX技术在不引起页面刷新的情况下POST表单。主要有两个ҎQajaxform?ajaxsubmit。它会自动收集表单元素内容，军_如何理提交q程。这两个Ҏ支持多重选择。我想AJAX方式的表单应用再没有比这个插件更单易用的了?/p>
先在面里设|一个普通的表单Q?br /> Html代码 复制代码
1. <form id=”myForm” action=”comment.php” method=”post”>
2. 姓名: <input type=”text” name=”name” id=”name”/>
3. 评论: <textarea name=”comment” id=”comment”></textarea>
4. <input type=”submit” value=”提交评论” />
5. </form>
6. [/html]
<form id=”myForm” action=”comment.php” method=”post”>
姓名: <input type=”text” name=”name” id=”name”/>
评论: <textarea name=”comment” id=”comment”></textarea>
<input type=”submit” value=”提交评论” />
</form>
[/html]
加蝲jquery库和插g脚本库。然后简单地写一D初始化脚本Q这D脚本将在DOM加蝲完成时执行：
Html代码 复制代码
1. <head>
2. <script type=”text/javascript” src=”jquery.js”></script> //加蝲jquery
3. <script type=”text/javascript” src=”form.js”></script> //加蝲插g
4. <script type=”text/javascript”>
5. // DOM加蝲完毕后执?nbsp;
6. $(document).ready(function() {
7. // l定’myForm’q定义一个简单的回调函数
8. $('#myForm').ajaxForm(function() {
9. alert(”评论提交完成!”);
10. });
11. });
12. </script>
13. </head>
14. [/html]
<head>
<script type=”text/javascript” src=”jquery.js”></script> //加蝲jquery
<script type=”text/javascript” src=”form.js”></script> //加蝲插g
<script type=”text/javascript”>
// DOM加蝲完毕后执?
$(document).ready(function() {
// l定’myForm’q定义一个简单的回调函数
$('#myForm').ajaxForm(function() {
alert(”评论提交完成!”);
});
});
</script>
</head>
[/html]
OKQ就是这么简单。当点击“提交评论”按钮后，表单的数据就会POST到comment.php脚本Qƈ且返?#8220;评论提交完成”信息Q如果提交成功）。页面ƈ没有hQ非常AJAX……
让我们来看看q个插gq有什么强大的功能?/p>
ajaxForm
1. 该方法须预先l定表单Q所以它一般在$(document).ready(function() { …}里定义。它能让表单在不h面的情况下POST到目标。可以ؓ该方法提供一个参敎ͼ参数一般是一个回调函数用于返回信息给用户。当然如果不提供参数也行Q只是表单提在无声无息地提交后无法得到确认了?/p>
2. 增加所有需要的事g监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来ؓ AJAX提交表单q行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函敎ͼ也可以是一个Options对象?br /> 可链接（ChainableQ：可以?/p>
实例Q?br /> Js代码 复制代码
1. $('#myFormId').ajaxForm();
$('#myFormId').ajaxForm();
ajaxSubmit
1. 该方法是以响应事件来通用AJAX方式提交表单。比如点L个按钮或改变了某个下拉框的|在触发事件函数里可以讄该方法。如Q?br /> Js代码 复制代码
1. $(”#clickme”).click(function(){
2. $(”#myForm”).ajaxSubmit();
3. });
$(”#clickme”).click(function(){
$(”#myForm”).ajaxSubmit();
});
或者这P
Html代码 复制代码
1. <select id=”mySelect” onchange=”$(‘#myForm’).ajaxSubmit();”>
<select id=”mySelect” onchange=”$(‘#myForm’).ajaxSubmit();”>
2. 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单q行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函敎ͼ也可以是一个Options对象?br /> 可链接（ChainableQ：可以?/p>
实例Q?br /> Js代码 复制代码
1. // l定表单提交事g处理?nbsp;
2. $('#myFormId').submit(function() {
3. // 提交表单
4. $(this).ajaxSubmit();
5. // Z防止普通浏览器q行表单提交和生页面导航（防止面hQ）q回false
6. return false;
7. });
// l定表单提交事g处理?br />
$('#myFormId').submit(function() {
// 提交表单
$(this).ajaxSubmit();
// Z防止普通浏览器q行表单提交和生页面导航（防止面hQ）q回false
return false;
});
formSerialize
1. 该方法可以表单域的名U和D接v来，形成一个字W串Q字W串格式为name1=value1&name2=value2…比如Q?br /> Js代码 复制代码
1. var queryString=$(”#myForm”).formSerialize();
var queryString=$(”#myForm”).formSerialize();
变量queryString的值将为变成name=xxx&comment=xxx。得到这个字W串后，可以?.post来提交，
如：
Js代码 复制代码
1. $.post(”comment.php”,queryString);
$.post(”comment.php”,queryString);
2.表单串行化Q或序列化）成一个查询字W串。这个方法将q回以下格式的字W串Qname1=value1&name2=value2?br /> 可链接（ChainableQ：不能Q?q个Ҏq回一个字W串?/p>
实例Q?br /> Js代码 复制代码
1. var queryString = $('#myFormId').formSerialize();
2.
3. // 现在可以使用$.get?.post?.ajax{来提交数据
4. $.post('myscript.php', queryString);
var queryString = $('#myFormId').formSerialize();
// 现在可以使用$.get?.post?.ajax{来提交数据
$.post('myscript.php', queryString);
fieldSerialize
1. 和formSerialize一Pq回一个字W串Q但q回的是表单指定元素或特定元素类型域的字W串。返回字W串格式也是一L。如Qvar queryString = $(’#myForm :text’).fieldSerialize();//q回myForm表单内所有文本框的字W串倹{?/p>
2.表单的字段元素串行化（或序列化Q成一个查询字W串。当只有部分表单字段需要进行串行化Q或序列化）Ӟq个方便了。这个方法将q回以下格式的字W串Qname1=value1&name2=value2?br /> 可链接（ChainableQ：不能Q这个方法返回一个字W串?/p>
实例Q?br /> Js代码 复制代码
1. var queryString = $('#myFormId .specialFields').fieldSerialize();
var queryString = $('#myFormId .specialFields').fieldSerialize();
fieldValue
1.q回一个数l，记录表单元素的倹{如果表单没有值则对应数组gؓI。如Q?/p>
Js代码 复制代码
1. var data=$(’:text’).fieldValue();//q回所有表单中所有文本框cd的倹{?nbsp;
var data=$(’:text’).fieldValue();//q回所有表单中所有文本框cd的倹{?/p>
变量data为[”,”,”]q样的一个数l，数组元素对应表单元素的倹{事实上我们可以q样来得?#8220;姓名”文本框里的|var data=$(”#name”).val();Q这个元素要有ID属性）q样的作法不需要jquery form插g也可以得到倹{但使用插g可以更方便地取得单个或多个表单中特定元素域的倹{比如取得所有文本框或所有复选框的倹{只要加?#8220;:”可以。这U方法也可以用到formSerialize或fieldSerializeҎ上?br /> Js代码 复制代码
1. var data=$(”#myForm :text”).fieldValue();//取得在myForm表单里所有文本框的倹{?nbsp;
var data=$(”#myForm :text”).fieldValue();//取得在myForm表单里所有文本框的倹{?/p>
2.q回匚w插入数组中的表单元素倹{从0.91版vQ该ҎL以数l的形式q回数据。如果元素D判定可能无效Q则数组为空Q否则它包含一个或多于一个的元素倹{?br /> 可链接（ChainableQ：不能Q该Ҏq回数组?/p>
实例Q?br /> Js代码 复制代码
1. // 取得密码输入?nbsp;
2. var value = $('#myFormId :password').fieldValue();
3. alert('The password is: ' + value[0]);
// 取得密码输入?br />
var value = $('#myFormId :password').fieldValue();
alert('The password is: ' + value[0]);
formToArray
同样也返回一个数l，q个数组是对象数l。对象有name和value两个属性，分别记录表单中的元素名称和元素倹{如Q?br /> Js代码 复制代码
1. var data=$(”#myForm”).formToArray();
var data=$(”#myForm”).formToArray();
变量data得到的是一个对象数l。data[0].name保存myForm表单中第一个表单元素的名称属性|q里?#8221;name”。data[0].value保存myForm表单中第一个表单元素的|q里是填了什么值就是什么?br /> resetForm
1.该方法很单啦Q恢复表单初始状态。也恢复到DOM加蝲完成时的表单状态。类?#8220;重设表单”
2.清除表单元素。该Ҏ所有的文本QtextQ输入字Dc密码（passwordQ输入字D和文本区域QtextareaQ字D늽I，清除Mselect元素中的选定Q以及将所有的单选（radioQ按钮和多选（checkboxQ按钮重|ؓ非选定状态?br /> 可链接（ChainableQ：可以?br /> Js代码 复制代码
1. $('#myFormId').clearForm();
$('#myFormId').clearForm();
clearFields
1.清除表单域元素。可以清除特定类型的域元素，比如清除所有文本框的，或所有复选框的域?/p>
2.清除字段元素。只有部分表单元素需要清除时才方便用?br /> 可链接（ChainableQ：可以?br /> Js代码 复制代码
1. $('#myFormId .specialFields').clearFields();
$('#myFormId .specialFields').clearFields();
Options对象
ajaxForm和ajaxSubmit都支持众多的选项参数Q这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象Q它包含了如下一些属性与值的集合Q?/p>
target
指明面中由服务器响应进行更新的元素。元素的值可能被指定Z个jQuery选择器字W串Q一个jQuery对象Q或者一个DOM元素?br /> 默认|null?/p>
url
指定提交表单数据的URL?br /> 默认|表单的action属性?/p>
type
指定提交表单数据的方法（methodQ：“GET”?#8220;POST”?br /> 默认|表单的method属性|如果没有扑ֈ默认?#8220;GET”Q?/p>
beforeSubmit
?单提交前被调用的回调函数?#8220;beforeSubmit”回调函数作ؓ一个钩子（hookQ，被提供来q行预提交逻辑或者校验表单数据。如?“beforeSubmit”回调函数q回falseQ那么表单将不被提交?#8220;beforeSubmit”回调函数带三个调用参敎ͼ数组形式的表单数据， jQuery表单对象Q以及传入ajaxForm/ajaxSubmit中的Options对象。表单数l接受以下方式的数据Q?/p>
[ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
默认|null
success
表单成功提交后调用的回调函数。如果提?#8220;success”回调函数Q当从服务器q回响应后它被调用。然后由dataType选项值决定传回responseTextq是responseXML的倹{?br /> 默认|null
dataType
期望q回的数据类型。null?#8220;xml”?#8220;script”或?#8220;json”其中之一。dataType提供一U方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpDataҎ中去。下面的D支持Q?/p>
'xml'Q如果dataType == 'xml'Q将把服务器响应作ؓXML来对待。同Ӟ如果“success”回调Ҏ被指定， 传回responseXML倹{?/p>
'json'Q如果dataType == 'json'Q?服务器响应将被求|q传递到“success”回调ҎQ如果它被指定的话?/p>
'script'Q如果dataType == 'script'Q?服务器响应将求值成U文本?/p>
默认|nullQ服务器q回responseText|
semantic
Boolean flag indicating whether data must be submitted in strict semantic order (slower). Note that the normal form serialization is done in semantic order with the exception of input elements of type="image". You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type="image".
?标志，表示数据是否必须严格按照语义序QslowerQ）来进行提交。注意：一般来_表单已经按照语义序来进行了串行化（或序列化Q，除了 type="image"的input元素。如果你的服务器有严格的语义要求Q以及表单中包含有一个type="image"的input元素Q就应该?semantic讄为true。（译注Q这一D는于无法理解，译出来可能语不达意Q但误人指正。）
默认|false
resetForm
布尔标志Q表C如果表单提交成功是否进行重|?br /> Default value: null
clearForm
布尔标志Q表C如果表单提交成功是否清除表单数据?br /> 默认|null
实例Q?br /> Js代码 复制代码
1. // 准备好Options对象
2. var options = {
3. target: '#divToUpdate',
4. url: 'comment.php',
5. success: function() {
6. alert('Thanks for your comment!');
7. } };
8.
9. // options传给ajaxForm
10. $('#myForm').ajaxForm(options);
// 准备好Options对象
var options = {
target: '#divToUpdate',
url: 'comment.php',
success: function() {
alert('Thanks for your comment!');
} };
// options传给ajaxForm
$('#myForm').ajaxForm(options);
注意QOptions对象q可以用来将g递给jQuery?.ajaxҎ。如果你熟悉$.ajax所支持的optionsQ你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit?/p>
]]>
/**
*删除数据库中已经存在的表
**/
if exists(select * from sys.objects where name='tb_grade')
drop table tb_grade--删除tb_grade?br /> go
if exists(select * from sys.objects where name='tb_student')
drop table tb_student--删除tb_grade?br /> go
/**
*创徏数据?br />
**/
create table tb_student--创徏tb_student
(
student_id int identity(1,1),--学生~号(主键,自动增长)
student_name nvarchar(30) not null,--学生姓名(不能为空)
student_sex char(10) not null,--学生性别(不能为空)
student_age int default(18),--学生q龄(默认?8)
constraint pk_student_id primary key (student_id)
)
go
create table tb_grade--创徏tb_grade
(
grade_id int identity(1,1),--成W~号(主键Q自动增?)
student_id int,--外键(引用学生表student_id)
english float,--p成W
math float,--数学成W
constraint pk_grade_id primary key (grade_id),--tb_student创徏主键
constraint fk_student_id foreign key(student_id) references tb_student(student_id)--创徏外键关系
)
select * from tb_student
select * from tb_grade
/**
*创徏视图
**/
/**
*创徏视图的语?br />
*
CREATE VIEW view_name
AS
select_statement
*
*
*/
if exists (select * from sys.objects where name='vw_student')
drop view vw_student --删除已经存在的vw_student视图
go
create view vw_student--创徏视图vw_student
as
select * from tb_student inner join tb_grade on tb_student.student_id=tb_grade.student_id
go
/**
*创徏索引
**/
/**
*创徏索引的语?br />
*
CREATE [ UNIQUE ] [ CLUSTERED | NONCLUSTERED ] INDEX index_name
ON { table | view } ( column [ ASC | DESC ] [ ,...n ] )
[ WITH < index_option > [ ,...n] ]
[ ON filegroup ]
< index_option > ::=
{ PAD_INDEX |
FILLFACTOR = fillfactor |
IGNORE_DUP_KEY |
DROP_EXISTING |
STATISTICS_NORECOMPUTE |
SORT_IN_TEMPDB
}
*
*
*/
if exists (select * from sys.indexes where name='index_student_id')
drop index index_student_id on tb_student --删除tb_student中的索引student_id
--创徏索引
create index index_student_id on tb_student(student_id)
go
/**
*创徏存储q程
**/
/**
*
*创徏存储q程的语?br />
*
CREATE PROC [ EDURE ] procedure_name [ ; number ]
[ { @parameter data_type }
[ VARYING ] [ = default ] [ OUTPUT ]
] [ ,...n ]
[ WITH
{ RECOMPILE | ENCRYPTION | RECOMPILE , ENCRYPTION } ]
[ FOR REPLICATION ]
AS sql_statement [ ...n ]
*
*/
--不带参数的存储过E?br />
if exists (select * from sys.objects where name='find_student')
drop procedure find_student
go
create procedure find_student
as
select * from tb_student
go
---调用存储q程
exec find_student
go
--带输入参数的存储q程
if exists (select * from sys.objects where name='add_student_grade')
drop procedure add_student_grade
go
create procedure add_student_grade
--定义输入参数
@studentName nvarchar(30),
@studentSex char(10),
@studentAge int=18,
@gradeEnglish float,
@gradeMath float
as
declare @studentId int
declare @n int
set @n=0
begin transaction tran_add --开启事?br />
insert into tb_student(student_name,student_sex,student_age) values(@studentName,@studentSex,@studentAge)
set @n=@@error
select @studentId=max(student_id) from tb_student
set @n=@@error
insert into tb_grade (student_id,english,math) values(@studentId,@gradeEnglish,@gradeMath)
set @n=@@error
if(@n<>0)
begin
rollback transaction tran_add --回滚事务
end
else
begin
commit transaction tran_add --提交事务
end
go
---调用存储q程
exec add_student_grade '张三','?,20,80,88
go
--带输出参数的存储q程
if exists (select * from sys.objects where name='getCount')
drop procedure getCount
go
create procedure getCount
@n int output
as
select @n=count(*) from tb_student
go
--调用带输出参数的存储q程
declare @n int
execute getCount @n output
select @n
/**
*创徏触发?br />
**/
/**
*
*创徏触发器的语法
*
*
CREATE TRIGGER trigger_name
ON { table | view }
[ WITH ENCRYPTION ]
{
{ { FOR | AFTER | INSTEAD OF } { [ INSERT ] [ , ] [ UPDATE ] }
[ WITH APPEND ]
[ NOT FOR REPLICATION ]
AS
[ { IF UPDATE ( column )
[ { AND | OR } UPDATE ( column ) ]
[ ...n ]
| IF ( COLUMNS_UPDATED ( ) { bitwise_operator } updated_bitmask )
{ comparison_operator } column_bitmask [ ...n ]
} ]
sql_statement [ ...n ]
}
}
*
*
**/
IF EXISTS (SELECT name FROM sysobjects
WHERE name = 'reminder' AND type = 'TR')
DROP TRIGGER reminder --删除触发器reminder
GO
--创徏触发器reminder(如果对表tb_studentq行d和更C息时出发)
CREATE TRIGGER reminder
ON tb_student
FOR INSERT, UPDATE
AS
RAISERROR (50009, 16, 10)
GO
---创徏DELETE触发?br />
IF EXISTS (SELECT name FROM sysobjects
WHERE name = 'sendemail' AND type = 'TR')
DROP TRIGGER sendemail--删除触发器sendemail
GO
--创徏触发?br />
CREATE TRIGGER sendemail
ON tb_grade
FOR DELETE
AS
EXEC master..xp_sendmail' MaBin',
'Don''t forget to print a report for the distributors.'
GO
]]>