-
圖片放大鏡插件——jqzoom
在調用jqzoom圖片放大鏡插件時,需要準備一大一小兩張一樣的圖片,在頁面中顯示小圖片,當鼠標在小圖片中移動時,調用該插件的
jqzoom()
方法,顯示與小圖片相同的大圖片區域,從而實現放大鏡的效果,調用格式如下:查看全部 -
圖片燈箱插件——lightBox
該插件可以用圓角的方式展示選擇中的圖片,使用按鈕查看上下張圖片,在加載圖片時自帶進度條,還能以自動播放的方式瀏覽圖片,調用格式如下:
查看全部 -
通過表單form插件,調用
ajaxForm()
方法,實現ajax方式向服務器提交表單數據,并通過方法中的options對象獲取服務器返回數據,調用格式如下:其中form參數表示表單元素名稱;options是一個配置對象,用于在發送ajax請求過程,設置發送時的數據和參數。
查看全部 -
表單驗證插件——validate
該插件自帶包含必填、數字、URL在內容的驗證規則,即時顯示異常信息,此外,還允許自定義驗證規則,插件調用方法如下:
其中form參數表示表單元素名稱,options參數表示調用方法時的配置對象,所有的驗證規則和異常信息顯示的位置都在該對象中進行設置。
查看全部 -
使用
ajaxSetup()
方法可以設置Ajax請求的一些全局性選項值,設置完成后,后面的Ajax請求將不需要再添加這些選項值,它的調用格式為:查看全部 -
使用
serialize()
方法可以將表單中有name屬性的元素值進行序列化,生成標準URL編碼文本字符串,直接可用于ajax請求,它的調用格式如下:$(selector).serialize()
查看全部 -
與
get()
方法相比,post()
方法多用于以POST方式向服務器發送數據,服務器接收到數據之后,進行處理,并將處理結果返回頁面,調用格式如下:查看全部 -
使用
get()
方法時,采用GET方式向服務器請求數據,并通過方法中回調函數的參數返回請求的數據查看全部 -
$(form).validate({options})
其中form參數表示表單元素名稱,options參數表示調用方式時的配置對象,所有的驗證規則和異常信息顯示的位置都在該對象中進行設置
(1)required:true ? ? ? ? ? ? ? 必輸字段 (2)remote:"check.php" ? ? ? ? ?使用ajax方法調用check.php驗證輸入值 (3)email:true ? ? ? ? ? ? ? ? ?必須輸入正確格式的電子郵件 (4)url:true ? ? ? ? ? ? ? ? ? ?必須輸入正確格式的網址 (5)date:true ? ? ? ? ? ? ? ? ? 必須輸入正確格式的日期 (6)dateISO:true ? ? ? ? ? ? ? ?必須輸入正確格式的日期(ISO),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性 (7)number:true ? ? ? ? ? ? ? ? 必須輸入合法的數字(負數,小數) (8)digits:true ? ? ? ? ? ? ? ? 必須輸入整數 (9)creditcard: ? ? ? ? ? ? ? ? 必須輸入合法的信用卡號 (10)equalTo:"#field" ? ? ? ? ? 輸入值必須和#field相同 (11)accept: ? ? ? ? ? ? ? ? ? ?輸入擁有合法后綴名的字符串(上傳文件的后綴) (12)maxlength:5 ? ? ? ? ? ? ? ?輸入長度最多是5的字符串(漢字算一個字符) (13)minlength:10 ? ? ? ? ? ? ? 輸入長度最小是10的字符串(漢字算一個字符) (14)rangelength:[5,10] ? ? ? ? 輸入長度必須介于 5 和 10 之間的字符串")(漢字算一個字符) (15)range:[5,10] ? ? ? ? ? ? ? 輸入值必須介于 5 和 10 之間 (16)max:5 ? ? ? ? ? ? ? ? ? ? ?輸入值不能大于5 (17)min:10 ? ? ? ? ? ? ? ? ? ? 輸入值不能小于10
查看全部 -
使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用于在Ajax請求發出前觸發函數,ajaxStop()方法用于在Ajax請求完成后觸發函數。它們的調用格式為: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,兩個方法中括號都是綁定的函數,當發送Ajax請求前執行ajaxStart()方法綁定的函數,請求成功后,執行ajaxStop ()方法綁定的函數。
查看全部 -
<script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $.ajaxSetup({
? ? ? ? ? ? ? ??url: "http://www.xianlaiwan.cn/data/check.php"
? ? ? ? ? ? ? ? ? ? type:"POST",
? ? ? ? ? ? ? ? success:function(data){
? ? ? ? ? ? ? ? ? ? ? ? $("ul").append("<li>你輸入的<b>? "
查看全部 -
.ajax()函數的參數里面是一個數組對象,對象里面有url、data、dataType、type、success、error等等。分別每個表示如下:
url:請求服務器地址的路勁
data:請求時傳遞的數據
dataType:請求時的數據類型
type:請求時的請求類型,有get方式和post方式,默認不加的話是get方式
success:請求后成功回調事件
error:請求后失敗回調事件查看全部 -
GET后退按鈕/刷新無害,POST數據會被重新提交(瀏覽器應該告知用戶數據會被重新提交)。GET書簽可收藏,POST為書簽不可收藏。GET能被緩存,POST不能緩存 。GET編碼類型application/x-www-form-url,POST編碼類型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。為二進制數據使用多重編碼。GET歷史參數保留在瀏覽器歷史中。POST參數不會保存在瀏覽器歷史中。GET對數據長度有限制,當發送數據時,GET 方法向 URL 添加數據;URL 的長度是受限制的(URL 的最大長度是 2048 個字符)。POST無限制。GET只允許 ASCII 字符。POST沒有限制。也允許二進制數據。與 POST 相比,GET 的安全性較差,因為所發送的數據是 URL 的一部分。在發送密碼或其他敏感信息時絕不要使用 GET !POST 比 GET 更安全,因為參數不會被保存在瀏覽器歷史或 web 服務器日志中。GET的數據在 URL 中對所有人都是可見的。POST的數據不會顯示在 URL 中。
查看全部 -
load()方法是加載.html文件;getJSON()方法是加載.json文件;getScript()方法是加載.js文件;get()方法是加載.php文件
使用getScript()方法異步請求并執行服務器中的JavaScript格式的文件,它的調用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 參數url為服務器請求地址,可選項callback參數為請求成功后執行的回調函數。
查看全部 -
使用
getJSON()
方法可以通過Ajax異步請求的方式,獲取服務器中的數據,并對獲取的數據進行解析,顯示在頁面中,它的調用格式為:jQuery.getJSON(url,[data],[callback])
或$.getJSON(url,[data],[callback])
其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數
一.$.getjson的調用格式是$.getjson(url,function(data),url是指你請求的地址,data是指你請求的地址所響應給你的json數據。 二.$.each(data, function (index, sport)中為什么$可以遍歷數據? jq 兩種傳入對象的方式 ?把data理解成一個對象 ?each 是一個函數 第一種 ? $(obj).each(function(index,value){ }) ?在對象上調用each函數 第二種 ? $.each(obj,function(index,value){ }) ?這種是把obj 當作對象傳入 函數 each 道理是一樣的。 三.jQuery.each(array, callback ) $.each(data, function (index, sport) 其中data為json里的那個數組,index為對應數組的索引,sport為對應索引的值。 而這個索引對應的值sport在數組里又是個對象,我們要的是該對象的name屬性的值,所以要這樣寫sport.name,而name又是字符串所以要變成sport["name"]。 對象調用屬性有兩種寫法。第一obj.name 第二一般針對屬性是字符串的形式obj[name] 四、disabled 屬性規定應該禁用 input 元素。
查看全部
舉報