ajax と XmlHttpRequest の処理速度を比較した場合、どちらが優れていますか?
現在、ウェブシステムを開発しているのですが、
フロントエンド側の処理とバックエンド側の処理を区別しています。
前者は、データの表示、入力などを担当し、
後者は、データベースからデータを取得、保存、集計等。
フロントエンド側の、
フォームに入力した値をバックエンド側に POST 送信するプログラムを ajax で組んでいます。
しかし、データのやり取りが多ければ多い程に処理が多くなります。
以下のメソッドは、バックエンド側に処理を要求するものです。
JavaScript
1// ***************************************************************************** 2// PHPに送信する 3// ***************************************************************************** 4function sendToPHP(type, phpFileName, cache, data, success, error, async, processData, contentType) { 5 6 $.ajax({ 7 type: type, 8 url: phpFileName, 9 cache: cache, 10 data: data, 11 dateType: 'json', 12 async: async, 13 processData: processData, 14 contentType: contentType 15 }).done(success).fail(error); 16 17}
簡単に説明すると、
url には、phpファイルのパスを指定し、
data には、メソッド名とそれに利用するデータを指定します。
data に格納する変数を param とします。
JavaScript
1param = { 2 mode : 'GetUser GetDirectory', 3 args : { 4 'GetUser' : { 5 id : 'ユーザID', 6 }, 7 'GetDirectory' : { 8 pass : 'xxx.com/public_html/images/', 9 ext : 'jpg,png,bmp,gif,svg' 10 } 11 } 12};
バックエンドから返ってきた結果を利用する場合は、
JavaScript
1var success = function (data) { 2 3 console.log(data['GetUser'].userId); 4 console.log(data['GetUser'].passwd); 5 6 _.each(data, function (value, index) { 7 console.log(value.fileName + '.' + value.ext); 8 }); 9}
さて、前置きは以上として、
仮に上記のようなプログラムがあった場合、
ajax を XmlHttpRequest に置き換えた場合、
処理速度はどちらが優勢でしょうか。
また、XmlHttpRequest にパラメーターを指定する部分は、
$.param メソッドを利用するものとします。
以上よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。