JQueryのAjax学習(2)

3473 ワード

json p jquery Ajax Json ブラウザ

前回は主にJQueryのAjaxのいくつかの上級方法(http://redstarofsleep.iteye.com/blog/854322)を勉強しましたが、今回は主に$
今回は主にこの方法のパラメータを勉強します.
1.url Stringタイプ要求を受け入れる住所
2.type Stringタイプ GETまたはPOSTは、デフォルトはGETです.
3.timeout Numberタイプタイムアウト時間(ミリ秒)
4.async Booleanタイプ同期または非同期要求(デフォルトはtrue、非同期)
5.cache Booleanタイプブラウザキャッシュから要求をロードするかどうか(デフォルトはtrueですが、Javascriptの場合はfalseです)
6.ダタ ObjectまたはStringタイプサーバに送信するパラメータ(これは他のいくつかのAjax方法と同じ)
7.dataType Stringタイプサーバーから返されるデータの種類(XML,HTML,script,json,jQuery,text)
8.before Send Functionタイプ要求を送信する前にXMLtpRequestオブジェクトを変更します.
9.complettee Functionタイプ要求完了後のコールバック関数(成功または失敗に関係なく呼び出す)
10.success Functionタイプ要求が成功したときに呼び出すコールバック関数
11.error Functionタイプ要求が失敗した時に呼び出すコールバック関数
12.contentType Stringタイプコンテンツのエンコーディングタイプ
13.data Filter Functionタイプ前処理元戻りデータ
14.global BooleanタイプグローバルAjax時間に出発するかどうか(デフォルトtrue)
15.ifModified Booleanタイプサーバのデータが変更された時だけデータを取得するかどうか(デフォルト値false)
16.json p Stringタイプコールバック関数の名前を書き換えます.
17.username Stringタイプ HTTP認証が必要な時のユーザ名
18.password Stringタイプ HTTP認証が必要なときのパスワード
19.processData Booleanタイプ送信されたデータはオブジェクトに変換されますか?
20.script Charrst Stringタイプ文字セットを強制的に変更

この20個のパラメータを簡単に紹介しました.たくさんあります.

JQueryのAjaxにはまだいくつかの方法があります.とても実用的だと思います.
第一、serialize()
Ajax要求を送信する時、最も面倒なのはページからデータを取得します.JQueryの強いセレクタを通じて、Dcument.getElementById()を一つずつ取ってもいいです.パラメータが多いとコードが大変です.Jqueryは簡単な方法を提供してくれました.それはserializeです.この方法はある元素の下の内容を直接パラメータの形にパッケージすることができます.例えば、私達のページにはFormがあります.

<form id="form1" action="XXX">
    <input type="text" id="userName" name="userName" value=""></intpu>
    <input type="text" id="password" name="password" value=""></input>
    <!--
                
        ......
    -->
</form>

この場合、セリエリゼ()を直接呼び出すと、すべてのコンテンツが得られます.

$('#form1').serialize();

だから、私達のAjax呼び出しはこうなります.

$.post('url', $('#form1').serialize(), callback);

このようにバックグランドはすべてのデータを手に入れることができます.本当に便利です.もちろんserialize()の方法はformだけではなく、どの要素でもいいです.

二つ目は、serializeraly()の方法です.
この方法はserialize()方法とあまり調べられませんが、JSON形式のデータを返しただけです.

第三の方法
この方法は、オブジェクトまたは配列をkey/valueの文字列に変換するものです.

var object = {first:1,second:2,third:3};
alert($.param(object));

上記のコードは「first=1&second=2&third=3」です.

第四の方法はajaxStartです.
この方法はAjaxグローバル方法です.つまり、ページ上でAjax要求が発生すると、この方法が呼び出されます.
たとえばページにDIVがあります.

<div id="load" style="display:none">   ......</div>

このDIVは、ページがAjax要求を送信すると表示されます.

$('load').ajaxStart(
    function() {
        $(this).show();
    }
)

第五の方法はajaxStop()です.
ajaxStart()があって、それは必然的にこのajaxStop()がなくてはいけなくて、説明しなくて、使い方はajaxStartと同じです.

六番目、ajaxComplette()
完了を要求する際のグローバルな方法は、同じような使い方です.

第七の方法
名前の通り、エラーが発生した場合の全体的な使い方は同じです.

第八の方法
送信を要求する時に実行する方法は同じです.

第九の方法はajaxSuccessです.
成功を願う時に実行する方法は、使い方も同じです.

うん、ほぼ同じです.JQueryのAjaxはあまり調べなくてもこれらの内容についてです.もちろん私はこれを紹介したのはまだ浅いです.これからは深く入る機会があります.

【jBPM】jbpmはどのようにして次のノードのタスク定義を取得しますか?