方法:ブラウザはJSONをサーバーに送信しますか?

ラリー

私は持ってい<form>ます。そのフォーム(または他のHTML)の特定のデータ要素を取り除き、それらをJSONに形成してから、そのJSONをリクエストとしてドメインサーバーに送信します。ドメインサーバーでは、サーバーがそれを使用します。

上記の仕事をするためにJavaScriptはどのように見えますか?

注: CORSは必要ありません(たとえば、クロスサイトはなく、すべて同じサーバーです)

トム・ドロステ

フォームでデータを取得する

serializeArrayフォームにはを使用できます正しい方法で解析する必要があります。方法の例を以下に示します

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

実際の例:http//jsfiddle.net/sxGtM/3/

HTML要素でコンテンツを取得する

document.getElementByIdメソッドを使用してからinnerHTMLプロパティを使用することで、divなどのコンテンツを取得できます

var MyDiv1 = document.getElementById('DIV1');
var content = MyDiv1.innerHTML;

jQueryを使用してオブジェクトをサーバーに投稿する

function sendData() {
$.ajax({
    url: '/example',
    type: 'POST',
    contentType: 'application/json',
    data: <Your JSON Object>,
    dataType: 'json'
});
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Javaサーバーはhtmlページをファイルからブラウザに送信します

分類Dev

MediaRecorderからサーバーにチャンクを送信し、ブラウザーで再生します

分類Dev

ブラウザはCookieを送信先のサーバーにどのように関連付けますか?

分類Dev

Webブラウザーは、サーバーに送信する必要があるx509証明書をどのように理解しますか?

分類Dev

データがウェブブラウザを介してGoogleChromeのサーバーに送信されているかどうかを確認する方法はありますか

分類Dev

CWebサーバーからWebブラウザーにHTMLページを送信する方法

分類Dev

サーバーからブラウザにデータを継続的に送信する方法

分類Dev

ブラウザがサーバーに送信するデータを取得する方法は?

分類Dev

jspまたはjavascriptを使用してサーバー上にあるブラウザでpdfを表示する方法

分類Dev

接続を開いている間、ブラウザからWebSocketサーバーにユーザーIDを送信します

分類Dev

AjaxはブラウザからFTPサーバーにファイルをアップロードします

分類Dev

ブラウザはどのようにサーバーにキャンセルを通知しますか?

分類Dev

iOSにブラウザからのディープ/ユニバーサルリンクを*強制しない*ようにする方法はありますか?

分類Dev

オブザーバーにパラメーターを送信する方法はありますか?

分類Dev

ブラウザはいつリファラーを送信しますか?これを防ぐ方法は?

分類Dev

ブラウザからNodejsサーバーに送信されたBlobを使用してSpeech-to-TextをGoogleで検索する方法

分類Dev

ブラウザが最初のWebサーバー応答を送信する前にJavascriptをサポートしているかどうかをサーバーサイドで検出するにはどうすればよいですか?

分類Dev

Djangoはサーバーまたはブラウザーでスクリプトを実行しますか?

分類Dev

ブラウザはいつOriginヘッダーを送信しますか?ブラウザはいつ原点をnullに設定しますか?

分類Dev

Webブラウザーは、タブごとに異なる送信ポートを使用しますか?

分類Dev

ブラウザを起動せずにHTMLフォームを送信する方法はありますか?

分類Dev

ブラウザからノードJSサーバーにストリームを送信する

分類Dev

Webブラウザーを実行せずにIPython Notebookサーバーを起動しますか?

分類Dev

ユニバーサルリンクはSafariブラウザの上にバナーを表示しています

分類Dev

ブラウザを開かずにサーバーで Slimmerjs を実行する方法は?

分類Dev

ブラウザがweblogicサーバーの正しいjsessionIdを送信していませんか?

分類Dev

Firefox WebExtensionsはブラウザから拡張機能にメッセージを送信し、コールバック関数で応答を取得します

分類Dev

EOFをブラウザーに送信しますが、ajax呼び出しでサーバー上で処理を続行します

分類Dev

PNGをサーバーに繰り返し送信します。着信ブラウザにタイマーで更新するように指示したい

Related 関連記事

  1. 1

    Javaサーバーはhtmlページをファイルからブラウザに送信します

  2. 2

    MediaRecorderからサーバーにチャンクを送信し、ブラウザーで再生します

  3. 3

    ブラウザはCookieを送信先のサーバーにどのように関連付けますか?

  4. 4

    Webブラウザーは、サーバーに送信する必要があるx509証明書をどのように理解しますか?

  5. 5

    データがウェブブラウザを介してGoogleChromeのサーバーに送信されているかどうかを確認する方法はありますか

  6. 6

    CWebサーバーからWebブラウザーにHTMLページを送信する方法

  7. 7

    サーバーからブラウザにデータを継続的に送信する方法

  8. 8

    ブラウザがサーバーに送信するデータを取得する方法は?

  9. 9

    jspまたはjavascriptを使用してサーバー上にあるブラウザでpdfを表示する方法

  10. 10

    接続を開いている間、ブラウザからWebSocketサーバーにユーザーIDを送信します

  11. 11

    AjaxはブラウザからFTPサーバーにファイルをアップロードします

  12. 12

    ブラウザはどのようにサーバーにキャンセルを通知しますか?

  13. 13

    iOSにブラウザからのディープ/ユニバーサルリンクを*強制しない*ようにする方法はありますか?

  14. 14

    オブザーバーにパラメーターを送信する方法はありますか?

  15. 15

    ブラウザはいつリファラーを送信しますか?これを防ぐ方法は?

  16. 16

    ブラウザからNodejsサーバーに送信されたBlobを使用してSpeech-to-TextをGoogleで検索する方法

  17. 17

    ブラウザが最初のWebサーバー応答を送信する前にJavascriptをサポートしているかどうかをサーバーサイドで検出するにはどうすればよいですか?

  18. 18

    Djangoはサーバーまたはブラウザーでスクリプトを実行しますか?

  19. 19

    ブラウザはいつOriginヘッダーを送信しますか?ブラウザはいつ原点をnullに設定しますか?

  20. 20

    Webブラウザーは、タブごとに異なる送信ポートを使用しますか?

  21. 21

    ブラウザを起動せずにHTMLフォームを送信する方法はありますか?

  22. 22

    ブラウザからノードJSサーバーにストリームを送信する

  23. 23

    Webブラウザーを実行せずにIPython Notebookサーバーを起動しますか?

  24. 24

    ユニバーサルリンクはSafariブラウザの上にバナーを表示しています

  25. 25

    ブラウザを開かずにサーバーで Slimmerjs を実行する方法は?

  26. 26

    ブラウザがweblogicサーバーの正しいjsessionIdを送信していませんか?

  27. 27

    Firefox WebExtensionsはブラウザから拡張機能にメッセージを送信し、コールバック関数で応答を取得します

  28. 28

    EOFをブラウザーに送信しますが、ajax呼び出しでサーバー上で処理を続行します

  29. 29

    PNGをサーバーに繰り返し送信します。着信ブラウザにタイマーで更新するように指示したい

ホットタグ

アーカイブ