1. 程式人生 > >jQuery基礎教程第六章學習

jQuery基礎教程第六章學習

ajax

這章基本都是在講在不重新整理頁面的條件下載入資料,分別有html,javascript,json,xml這四種資料
html,沒什麼好說的,結構最熟悉了。
javascript,以每個陣列元素為物件來建立,然後用.each()來解析。
json,把陣列的定義和物件的定義結合一起,如
[
  {
    "term": "BACCHUS",
    "part": "n.",
    "definition": "A convenient deity invented by the ancients as an excuse for getting drunk.",
    "quote": [
      "Is public worship, then, a sin,",
      "That for devotions paid to Bacchus"
    ],
    "author": "Jorace"
  },
  {
    "term": "BACKBITE",
    "part": "v.t.",
    "definition": "To speak of a man as you find him when he can't find you."
  }
]
其中,json的格式非常重要,如果其中有方括號、花括號、引號和逗號出現錯誤,檔案就不會載入,而且大多數瀏覽器不會出現錯誤資訊,指令碼只是默默地徹底中止運轉。
xml,在可移植性上可謂是無與倫比,但檔案體積相對較大,jQuery有專門的方法解析,解析後會返回xml DOM樹,便可以利用jQuery的遍歷功能了。
對於資料的操作方法:

.load(‘a.html’):在函式前面加入所要插入的節點,方法就會直接把內容插入該元素中

.load('a.html .entry'):插入內容篩選出class=.entry的元素

$.getJSON():解析.json檔案,將結果放在回撥函式的引數中,如:

$.getJSON('b.json',function(data){......})

$.getScript('c.js'):直接載入js檔案

$.get('d.xml',function(data){....var $entry=$(data).....):解析出xml檔案得到xml DOM樹,然後將其封裝在jQuery中,然後利用jQuery的遍歷能力


ajax操作:

$.get('url',{'term':$(this).text()},function(data));見名知義,方法是以get方式向伺服器傳送請求,中間是傳送的引數,最後的data是接受引數

$.post('url',{'term':$(this).text()},function(data)):和上面的一樣,有一點不同的是提交方式,這個方法是用post提交的。

.serialize():這個方法可以直接序列化表單值,建立url編碼的文字字串,如:$('form').serialize()得到類似這樣的資料a=1&b=2&c=3&d=4&e=5

.ajaxStart():在ajax請求開始尚且未進行傳輸時觸發。

.ajaxStop():在ajax請求結束時觸發。

使用JSONP載入遠端資料:使用$.getJSON()方法,如$.getJSON(url+'?callback=?',function(data)),利用其中的佔位符?便可。

低階的ajax方法:$.ajax(.....),裡面有著更多的引數,為操作帶來更靈活方法。

.ajaxSetup(......):修改ajax方法時的每個選項的引數的預設值,但在$.ajax()的呼叫中仍然會覆蓋其做的操作。

相關推薦

jQuery基礎教程學習

ajax 這章基本都是在講在不重新整理頁面的條件下載入資料,分別有html,javascript,json,xml這四種資料 html,沒什麼好說的,結構最熟悉了。 javascript,以每個陣列元素為物件來建立,然後用.each()來解析。

Python基礎教程 學習筆記

作用 actor int bsp python基礎 clas 最好 col 學習 收集函數 把實際參收集到元組和字典當中 1 def print_params(*params): 2 print(params) 3 """ 4 print_parasm

Python基礎教程學習筆記——抽象

6 抽象 介紹如何將語句組織成函式,告訴計算機如何做事(只告訴一次就可以) 還會介紹引數(parameter)和作用域(scope)概念 遞迴的概念及在程式中的用途 6.1 懶惰即美德 一段程式碼可能要在多處使用,就可以把這段程式碼定義為函式,需要的時候直接呼叫就可以——抽

Ajax本地跨域問題 Cross origin requests are only supported for HTTP(針對jQuery基礎教程四版)

成功 origin port com img 步驟 -s 出現 req 出現的問題: 解決的步驟: 谷歌瀏覽器出現的效果: 針對jQuery基礎教程(第四版),第六章 成功: Ajax本地跨域問題 Cross origin re

jQuery基礎教程(四版)3練習:

top ads afa reg 1.2 weight don ems doctype 關於答案: // // (1) 在Charles Dickens被單擊時,給它應用 selected 樣式。$(document).ready(function() { $(‘#he

GObject學習教程---:GObject 的子類繼承

本文是學習學習他人的部落格的心得(具體詳見“樓主見解”),如果源網站可訪問的話,建議直接訪問源網站: 樓主見解: 此章節和繼承GObject一樣,只是換一個基類而已,繼承機制一樣。 f:GObject 的子類繼承 在文件 [1] 中,我們構造了一個 KbB

構建之法學習心得

效率 用戶 當前 決定 復雜 技術 原則 核心 back 這周我學習了構建之法第六章敏捷流程,本章主要介紹了敏捷流程及其原則,Backlog、Burn-down、Sprint、Scrum方法論。以及什麽時候選擇敏捷的開發方法,什麽時候選擇其他方法。.敏捷開發的原則是盡早並持

2017-2018-1 20155208 《信息安全系統設計基礎學習總結

序列 特權 ec2 fork函數 cti 資料 訪問權限 hang 一次 2017-2018-1 20155208 《信息安全系統設計基礎》第六周學習總結 學習目標 了解異常及其種類 理解進程和並發的概念 掌握進程創建和控制的系統調用及函數使用:fork,exec,wai

Java編程基礎

end 調用 基本類 進棧 多態 靜態成員 好處 函數賦值 構造 構造方法 一:概念:   給對象的數據(屬性)進行初始化 二:特點:   a.方法名與類同名(字母大小寫也要一樣)   b.沒有返回值類型   c.沒有具體的返回值 return 三:構造方法重載:   方法

201771010143 張雲飛《面向對象程序設計(java)》學習總結

ktr 升級 讀取文件 設計 via over core desktop 簡化 實驗六繼承定義與使用 實驗時間2018-9-28 1、實驗目的與要求 (1) 理解繼承的定義; 特殊類的對象擁有一般類的全部屬性與行為,稱為特殊類對一般類的繼承。一個類可以是多個一般類的特殊類,

2018-2019-1 20165214 《資訊安全系統設計基礎學習總結

20165214 2018-2019-1 《資訊安全系統設計基礎》第六週學習總結 教材學習內容總結 1、輸入操作是從I/O裝置複製資料到主存,而輸出操作是從主存複製資料到I/O裝置 2、Unix I/O使得所有的輸入和輸出都能以一種統一且一致的方式來進行 3、普通檔案包含任意資料。應用程式一

2018-2019-1 20165330 《信息安全系統設計基礎學習總結

總結 系統調用 shel http 層次 內容 讀寫文件 sed end 學習目標 了解系統調用及錯誤處理方法 理解IO處理及文件系統 掌握Unix/Linux系統級I/O:open close read write seek stat 掌握I/O重定向的方法 學習內容

2018-2019-1 20165330 《資訊安全系統設計基礎學習總結

學習目標 瞭解系統呼叫及錯誤處理方法 理解IO處理及檔案系統 掌握Unix/Linux系統級I/O:open close read write seek stat 掌握I/O重定向的方法 學習內容 Linux I/O Linux I/O:將裝置優雅地對映為檔案的方式,允許L

2018-2019-1 20165322 《資訊安全系統設計基礎學習總結

第9周課堂學習內容 命令總結 man -k +函式名:搜尋函式資訊 man +數字+函式:一般接在man -k + 函式名後,數字為函式所在卷章號。 man -k key1 | grep key2| grep key3 : 根據關鍵字檢索系統呼叫 cat+檔名稱:檢視文字檔案內容 o

2018-2019-1 20165208 《資訊安全系統設計基礎學習總結

2018-2019-1 20165208 《資訊安全系統設計基礎》第六週學習總結 教材學習 作業系統「管家婆」的功能: 通過「檔案」對I/O裝置進行了抽象 通過「虛存」對主存和I/O裝置進行了抽象 通過「程序」對CPU、主存和I/O裝置進行了抽象 作業系統「服務生」的概念: GUI:為小白使用者

2018-2019-1 20165306 《資訊安全系統設計基礎學習總結

2018-2019-1 20165306 《資訊安全系統設計基礎》第六週學習總結 教材學習內容總結 10.1Unix I/O 所有的I/O裝置都被模型化為 檔案 ,而所有的輸入和輸出都被當做對相應檔案的讀和寫來執行。 Linux shell建立的每個程序開始時都有三個 ** 開啟 ** 的檔案

2018-2019-1 20165208 《信息安全系統設計基礎學習總結

linu 好的 搜索 設計 查看命令 功能 hat 系統設計 img 2018-2019-1 20165208 《信息安全系統設計基礎》第六周學習總結 教材學習 操作系統「管家婆」的功能: 通過「文件」對I/O設備進行了抽象 通過「虛存」對主存和I/O設備進行了抽象 通過

2018-2019-1 20165304 《資訊安全系統設計基礎學習總結

學習主要內容 瞭解系統呼叫及錯誤處理方法 理解IO處理及檔案系統 掌握Unix/Linux系統級I/O:open close read write seek stat 掌握I/O重定向的方法 1.Linux I/O Linux I/O:將裝置優雅地對映為檔案的方式,允許Linux核心引出一個簡單、低階的

2018-2019-1 20165303 《資訊安全系統設計基礎學習總結

系統級I/O 輸入/輸出(I/O)是在記憶體和外部裝置之間複製資料的過程。輸入操作是從I/O裝置複製資料到主存,而輸出操作是從主存複製資料到I/O裝置。 Unix I/O 一個Unix檔案就是一個m個位元組的序列:B0,B1,B(\k),B(\m-1),所有的I/O裝置,如網路、磁碟和終端,都被模型化為

2018-2019-1 20165237 《資訊安全系統設計基礎學習總結

2018-2019-1 20165237 《資訊安全系統設計基礎》第六週學習總結 系統級I/O 輸入/輸出(I/O)是在主存和外部裝置之間拷貝資料的過程,輸入操作是從I/O裝置拷貝資料到主存,輸出操作是從主存拷貝資料到I/O裝置。 Unix I/O I/O裝置:網路、磁碟和終端 描述符:開啟