JavaScript--ギャロップスクリプト実行のWebページ(8)

十二、 jQueryの関連

jQueryの優れたJavaScript ライブラリは、文法やクロスプラットフォームの互換性とコンパクトで、大幅に簡素化したJavaScript 横断する開発者をHTMLの操作し、文書をドムを、イベントを処理、アニメーションを実行し、開発Ajaxの動作を制御します。jQueryのは、事前に定義された関数とオブジェクトの数をカプセル化し、そして連鎖コール(連続コール)をサポート。

 

ダウンロードすることができます jQueryのJS 経由でファイルをスクリプトタグのSRC 導入、またはによってCDNの(オンライン導入アクセラレータの<script SRC = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"> < / スクリプト>

jQueryのライブラリのみコール提供jQueryの機能を(jQueryのある$ と同等のjQuery )、この関数と関数プロトタイプを容易にするために、多数の方法で定義されているjQueryのオブジェクトとjQueryの関数呼び出しを。

jQueryの関数は、4つのパラメータがあります。

$(「セレクタ」) jQueryの対応するセレクタによって取得機能ドン、及びこれらのドムにパッケージjQueryのオブジェクトとjQueryのオブジェクト戻り

$(ドムのオブジェクトjQueryの関数ドムとしてパッケージjQueryのオブジェクトとリターン

$(HTMLのテキスト文字列jQueryの機能は、着信テキスト文字列に基づいて作成されたHTML 要素としてパッケージ化されたjQuery オブジェクトを返します

$(匿名関数($ (関数(){}) ):文書構造がロードされた後のjQuery 関数は、匿名関数を呼び出し(window.onload =関数(){} ドキュメントが完全にロードされたときに関数への匿名呼び出しです)

 

jQueryのオブジェクトであるjQueryの関数例えば、オブジェクトが呼び出すことができるjQueryのクラスオブジェクトの配列であるメソッドのプロトタイプを、配列に格納されたドムオブジェクト。ドムは、オブジェクトとjQueryのオブジェクトには、2つの異なるオブジェクトですjQueryのオブジェクトであるjQueryの関数のインスタンス、およびドムのオブジェクトがあるノード、彼らは別のメソッドを呼び出すことができ、インスタンスが、彼らはいくつかの関連性を持っている、jQueryのクラスオブジェクト配列の要素ドムのオブジェクトは、jQueryの操作対象は、上で実際にjQueryのクラスのアレイドムオブジェクト一括操作。jQueryのオブジェクトができドムはお互いにオブジェクト。

 

以下のためのjQuery を参照することができますプロパティとメソッド-関連jQueryの公式文書:

https://api.jquery.com/ (またはhttps://www.jquery123.com/

 

サーティーン、アヤックス関連の

アヤックスの略AsynchronousJavaScript +のXML それは新しい技術が、複数の技術を組み合わせていないことを示し、。使用Ajaxはより便利で速い部分ページ更新することができます。

Ajaxを使用してのXMLHttpRequest オブジェクトは、データ形式の様々な形態を送受信することができるサーバーと対話します。ページ全体を更新する必要がなく、サーバ、部分的なページ更新とデータを交換することができ、いわゆる非同期。

Ajaxの基本的なアプリケーション(考えていないIE6を):

// 取得のXMLHttpRequest オブジェクト

VARのHttpRequest =新しいXMLHttpRequestを();

// 準備状態変化を監視します

httpRequest.onreadystatechange =関数(){...}

// リクエストを送信

httpRequest.setRequestHeader( 'コンテンツタイプ'、 'アプリケーション/ x-www-form-urlencodedで')。

(或 httpRequest.setRequestHeader( 'コンテンツタイプ'、 'アプリケーション/ JSON')。

httpRequest.open(真/偽の「メソッド」、「URL」、); (へセット偽のとき変換に自動的にオフにすることができます)

httpRequest.send(データ)。

// プロセス応答情報(readyStateのレディステータスコード説明は省略)

httpRequest.onreadystatechange =関数(){

IF(httpRequest.readyState === XMLHttpRequest.DONE){

... (例外なく、受信成功)

}他{

... (受信されません)

}

}

 

jQueryのためのAjaxのサポート:

$アヤックス(URL [.settings]) {...} 非同期実行するためのAJAXの要求を、設定されたオブジェクト、構成情報、方法は、様々な生体情報の内容を設定するために使用されます。

非同期// 非同期、デフォルトがあるかどうかを

メソッド// 要求モード、 "GET" / "POST"

// contentTypeのパラメータの型、デフォルトのQueryString(クエリ文字列)// デフォルトのアプリケーション/ X-WWW-フォーム- urlエンコード// パラメータがある場合は JSON 、変更すべきアプリケーション/ JSON

// PROCESSDATAのデータ変換、ブール値は、デフォルトでデータクエリ文字列に変換する // 場合は、あなたがJSONに変換したいその後にそれを設定し、偽

//データオブジェクトパラメータは // パラメータがある場合は、JSON、JSON.stringify(によるものとすることができるオブジェクトの処理

dataTypeと// 持つデータ型、 responseType / JSON / XML /スクリプトを...

beforeSend // コールバック関数、要求を送信する前にコールします

//完了コールする要求を受信すると、コールバック関数を

成功// 成功した後のコールバック要求コール

エラー// コールバック要求のエラーの後に呼び出し

 

スケッチ方法:

$に.get(URL [データ] [成功] [、dataTypeと]){...}

$ .post(URL [データ] [成功] [、dataTypeと]){...}

 

詳細を参照することができます jQueryの公式文書:

https://api.jquery.com/ (またはhttps://www.jquery123.com/

 

おすすめ

転載: www.cnblogs.com/wodeqiyuan/p/11496434.html