十二、 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/ )