JavaScript---ビーコン画像ビーコンはデータを送信します-jsチュートリアル-php.cn

JavaScript---ビーコン画像ビーコンはデータを送信します

一个新手

リリース： 2017-09-09 10:33:24

オリジナル

1674 人が閲覧しました

はじめに

このテクノロジーは、JavaScript を使用して新しい Image オブジェクトを作成し、サーバー上のスクリプト URL に src 属性を設定します。この URL には、返したいキー値が含まれています。データに GET します。img 要素は作成されず、DOM に挿入されないことに注意してください。

var url = &#39;/status_tracker.php&#39;;var params = [        
&#39;step=2&#39;,        
&#39;time=1248027314&#39;
    ]
    (new Image()).src = url + &#39;?&#39; + params.join(&#39;&&#39;);

ログイン後にコピー

サーバーはデータを受信して保存します。クライアントにフィードバックメッセージを送信する必要がないため、実際には画像は送信されません。これはサーバーにとって情報を返すための最も効率的な方法であり、サーバー側のエラーはクライアントにまったく影響しません。 POST データを送信することはできず、URL には最大値があるため、送信できるデータの長さはかなり制限されています。ただし、サーバーから返されるデータを受信することはできます。方法はいくつかありますが、

イベントをリッスンすることで、サーバーがデータを正常に受信したかどうかを確認し、サーバーから返された画像の幅と高さを確認して使用することもできます。これらの数値はサーバーのステータスを通知します。たとえば、幅 1 は「成功」を意味し、2 は「再試行」を意味します。応答でデータを返す必要がない場合は、204 を送信する必要があります。メッセージ本文のないコンテンツステータスコード。これにより、クライアントがメッセージテキストを待ち続けることがなくなります。

Image对象的load例

var url = &#39;/status_tracker.php&#39;;var params = [        
&#39;step=2&#39;,        
&#39;time=1248027314&#39;
    ]
    
var beacon =  new Image();
beacon.src = url + &#39;?&#39; + params.join(&#39;&&#39;);

beacon.onload = function( ) {
    if (this.width == 1) {        //成功
    } else if (this.width == 2) {        //失败
    }
}

beacon.onerror = function() {
    //出错
}

ログイン後にコピー

。

以上がJavaScript---ビーコン画像ビーコンはデータを送信しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。