亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery基礎(五)一Ajax應用與常用插件

陶老實 其它
難度中級
時長 3小時20分
學習人數
綜合評分9.40
97人評價 查看評價
9.6 內容實用
9.2 簡潔易懂
9.4 邏輯清晰
  • jq圖片放大鏡插件--jqzoom 在調用jqzoom圖片放大鏡插件時,需要準備一大一小兩張一樣的圖片,在頁面中顯示小圖片,當鼠標在小圖片中移動時,調用該插件的jqzoom()方法,顯示與小圖片相同的大圖片區域,從而實現放大鏡的效果,調用格式如下: $(linkimage).jqzoom({options}) 其中linkimage參數為包含圖片的<a>元素名稱,options為插件方法的配置對象。 options={ zoomWidth:xxx, zoomHeight:xxx, zoomType:"reverse" }
    查看全部
  • jq的圖片燈箱插件:該插件可以用圓角的方式展示選擇中的圖片,使用按鈕查看上下張圖片,在加載圖片時自帶進度條,還能以自動播放的方式瀏覽圖片,調用格式如下: $(linkimage).lightBox({options}) 其中linkimage參數為包含圖片的<a>元素名稱,options為插件方法的配置對象。
    查看全部
  • jQ的form插件:將表單提交轉換為ajax請求 方法1、$("form").ajaxForm(callback/{options})方法,實現ajax方式向服務器提交表單數據,options是一個配置對象,設置發送時的數據和參數;還可以提供回調函數當服務器處理成功時的操作$("form").ajaxForm(function(){//some code}) 2、$("form").ajaxSubmit(callback/{options}),options提供多種配置參數,具體用法參考書:鋒利的jquery
    查看全部
  • 引入的validation插件默認語言是英文,若要使用中文提示,可引入validate提供的中文信息庫:jquery.validation.messages_cn.js
    查看全部
  • jq的表格驗證插件:validation html中需要引入外部文件:jquery,jquery的validation插件文件; 使用方法: 1、class屬性方法:在js中為元素調用validate方法:$(selector).validate(),設置要添加驗證的表單控件的類名為:reqired/email/url 限制長度可以設置屬性:minlength="number"; 2、引入一個新jquery插件jquery.metadata.js: 兩種方法:1.將$(selector).validate()改為$(selector).validate({meta:"validate"});然后將驗證規則全部寫到元素的class屬性中如:class="{validate:{required:true,minlength:2}}"; 2.設置元素屬性name實現行為與結構分離如(下面的rules中的username,email均是對應元素的name值):$(selector).validate({ rules:{ username:{ required:true, minlength:2 }, email:{ required:true, email:true, }, url:"url", } })
    查看全部
  • 使用ajaxSetup()方法可以設置Ajax請求的一些全局性選項值,設置完成后,后面的Ajax請求將不需要再添加這些選項值,它的調用格式為: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可選項options參數為一個對象, 通過該對象設置Ajax請求時的全局選項值。
    查看全部
  • 使用$.each(data,function(infoIndex,info){})循環遍歷數據
    查看全部
    1 采集 收起 來源:編程練習

    2016-12-29

  • 使用ajax()方法是最底層、功能最強大的請求服務器數據的方法,它不僅可以獲取服務器返回的數據,還能向服務器發送請求并傳遞數值,它的調用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中參數settings為配置對象, 在該對象中, url表示服務器請求的路徑, data為請求時傳遞的數據, dataType為服務器返回的數據類型, success為請求成功的執行的回調函數, type為發送數據請求的方式,默認為get。
    查看全部
  • $(selector).ajaxStart(function(){})/$(selector).ajaxStop(function(){}) 兩個方法用來設置ajax請求前后的操作
    查看全部
  • $.ajaxSetup()方法用來配置ajax請求的全局性配置,再次調用ajax請求時只需要設置不同的url即可
    查看全部
  • $.ajax()請求 語法:$.ajax(options) options是多項參數,以key/value形式存在 如:$.ajax({ url:"url", type:"get/post", data:{key:value},(obj/string) dataType:"XML/text/php/json/jsonp/script", success:function(data,textStatus){}, ... })
    查看全部
  • 序列化方法:$(selector).serialize()序列化表單元素值后作為參數用于ajax請求;如 $.post(url,$(selector).serialize(),function(data){})
    查看全部
  • get/post請求 1、$.get(url,[,callback]):從服務器請求數據并處理 2、$.post(url,[,data],[,callback]),發送數據到服務器制定地址,回調函數里處理返回的結果,參數通常是要發給服務器的鍵值對;
    查看全部
  • load()方法中的回調函數里面還可以有三個回調參數: 1、responseText:請求返回的內容 2、textStatus:請求的狀態(success/error/notmodified/timeout); 3、XMLHttpresquest對象
    查看全部
  • jq ajax請求數據的方法 1、load()方法:語法$(selector).load(url,[,data],[,callback]) url中可以寫入選擇器篩選要請求的數據如"http://www.xianlaiwan.cn/test.html .para"表示請求改地址中的類名為para的數據; 可選參數data:傳參表示post請求,無參數表示使用get請求; callback函數:數據請求成功后的操作
    查看全部

舉報

0/150
提交
取消
課程須知
1、有HTML/CSS基礎 2、有JavaScript基礎
老師告訴你能學到什么?
1、jQuery中的ajax應用 2、jQuery中的插件 3、jQuery中的工具類函數

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!