Jquery插件form和cookie

一、表单插件from
   
    专门为页面的表单而设计，通过调用ajaxForm()或ajaxSubmit()两个方法来实现Ajax方式提交数据，通过options对象设置参数、获取服务器返回的数据.

    1、formSerialize()：用于格式化表单中有用的数据，并自动整理成适合Ajax异步请求的URL格式.
    
    2、clearForm()：清除表单所有输入值的内容.

    3、restForm()：重置表单中所有的字段内容.

    ajaxForm()与ajaxSubmit()两个方法中即可没有参数，也可以传递一个，该参数是一个回调型函数，也可以是一个options对象.

    var options = {

          url:url, // form提交数据的地址

          type:type, // form提交的方式

          target:target, // 显示服务器返回数据的元素ID号

          beforeSubmit:function(){}, //提交前执行的回调函数

          success:function(){}, // 提交成功后执行的回调函数

          dataType:null, // 服务器返回数据类型

          clearForm:true, // 提交成功后，清空表单字段值

          restForm:true, // 提交成功后，重置表单中的字段值

          timeout:6000 // 设置请求时间，超过该时间后，自动退出请求

    }

实例：

<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="jquery.form.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){ 

var options = {

// 默认form中的action，设置后便覆盖默认值

url:'Login.aspx',

// 将服务器返回的数据显示在ID号为divData元素中

target:'#divData'

}

$('#frmUserInfo').ajaxForm(options);

});

</script>

 

<form id="frmUserInfo" method="get" action="#">

用户名：<input id="username" name="username" type="text" class="txt" />

密码：<input id="password" name="password" type="text" class="txt" />

<input id="sutUser" type="submit" value="提交" class="btn" />

</form>

<div id="divData">返回服务器的数据</div>

 

 

二、Cookie插件cookie
 引入cookie插件后，可以定义某个cookie的名称，并设置cookie值，通过设置好的cookie，可以保存用户的页面浏览记录，在用户选择保存的情况还可以保存登录信息.

 

 1、全局性的方法管理客户端cookie

$.cookie(名称，值，[option]);

 

2、写入或设置cookie值 :

$.cookie(cookieName, cookieValue)

 

3、读取cookie值：

$.cookie(cookieName);

 

4、删除cookie值：

$.cookie(cookieName, Null);

 

5、$.cookie可以选项参数[option]以对象的形式展示

$.cookie(cookieName, cookieValue,{

    expires: // 有限日期，可以是一整数或一个日期（单位：天）

    path:    // cookie值被保存的路径，默认值与创建页路径一致

    domin：  // cookie域名属性，默认值与创建页域名一样

    secure:  // 一个布尔值，表示传输cookie值时，是否需要一个安全协议

})