jsonの配列をhtmlファイルのスクリプトセクションからjavascriptインデックスに渡す方法は?

ヴィンセントラウファー

サーバーに渡したいhtmlファイルに作成されたjsonの配列があります。結果をPOSTしようとする直前にコンソールで配列を印刷すると、すべてが正常に表示されます。これが私が渡そうとしているものの内容であり、resultsと呼ばれる変数に含まれています:

0: {id: 02934, uName: "Ben", favFood: "ice cream"}
1: {id: 02474, uName: "Sam", favFood: "ice cream"}
2: {id: 01582, uName: "Jamie", favFood: "broccoli"}

しかし、req.bodyに入ると、渡そうとしている配列に未定義の変数があることがわかりました。 ここに画像の説明を入力してください

以下に示すjQuery呼び出しを介してデータを送信しようとしています。

$("#sendResults").click((event) => {
    console.log(results);
    $.ajax({
         url: '/entertimes',
         type: 'POST',
         data: results
    });                    
});

私の目標は、簡単に操作できる方法でデータをサーバーに渡すことです。つまり、console.log(req.body.results [0])と入力すると、その時点でjsonの内容が出力されます。


注:コードを以下のように更新すると、情報を取得するために解析できる可能性のあるjson配列の文字列を取得できます。ただし、もっと簡単な方法がある場合は、解析する必要はありません。

$("#sendResults").click((event) => {
    console.log(results);
    $.ajax({
         url: '/entertimes',
         type: 'POST',
         data: {results: JSON.stringify(results)}
    });                    
});
エドゥアルド・ガルシア

サーバーとの間でデータを送受信する場合、クライアント側は常にjson形式になります。jsonは文字列です。データを送信するときは、JSON.stringify()とJSON.parse()を使用して、jsonをオブジェクトのように使用する必要があります。

https://en.wikipedia.org/wiki/JSON

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

セレンスクリプト用に別のクラスファイルから文字列値を渡す方法

分類Dev

スタートアップアクションでファイルセットから特定のフォルダをインストールする方法は?

分類Dev

ファイルをマウントして、コンテナkubernetes内のアプリケーションからファイルにアクセスする方法

分類Dev

ディスクオフセットからWinPEファイルの任意のセクションのメモリオフセットを計算する

分類Dev

シェルプロンプトからsqlplusをするには、Oracle SQLスクリプト・ファイルのパラメータを渡す方法は?

分類Dev

Node jsルートからhtmlファイル内のスクリプトにJSONデータを渡す方法は?

分類Dev

Vueファイルのスクリプトセクションを別のファイルに分離するにはどうすればよいですか?

分類Dev

HTML 5&Javascriptデスクトップアプリケーションとプロジェクトファイルへのアクセス

分類Dev

Python:文字列から単語のリストを生成し、インデックスに従ってテキストファイルに保存する方法は?

分類Dev

vimがファイルバッファに使用するインデックスのシーケンスをリセットすることは可能ですか?

分類Dev

コンソールのスクリプトファイルからコメントセクションを呼び出す方法

分類Dev

C#WPF-クリックイベントから他のクラスファイルに値を渡す

分類Dev

Laravel、セッションから特定の配列インデックスを取得

分類Dev

オプションの配列を値としてチェックリストに渡すHTMLフォーム

分類Dev

デスクトップJavaアプリケーションの構成ファイルを暗号化する方法

分類Dev

Elixirの特定のディレクトリからファイルのコレクションを返す方法は?

分類Dev

そのファイルシステムにのみアクセスすることにより、LinuxからのデッドインストールのWindowsバージョンを識別する方法は?

分類Dev

すべてのzipファイルをコンピューターのデスクトップからs3バケットにプッシュする方法(パブリックアクセス)

分類Dev

Meteorパブリケーションの配列から単一のインデックスを返す方法

分類Dev

Windows 7でスクリーンショットを撮り、Macなどのデスクトップでスクリーンショットファイルを自動作成するにはどうすればよいですか?

分類Dev

ファイルからテキストのセクションを印刷する

分類Dev

ソリューションテストのコードカバレッジ結果ファイルを、テストプロジェクトディレクトリではなくソリューションディレクトリに出力する方法

分類Dev

スクリプトレット配列インデックスのstrutsイテレータのインデックス値にアクセスするには

分類Dev

.NETで、OBJファイルから読み込まれた配列のセクションの開始インデックスと終了インデックスを見つけます

分類Dev

セクションインデックスタイトルのフォントの色を変更する方法

分類Dev

セッション配列のインデックスを指定してlaravelセッションからアイテムを削除する方法

分類Dev

Jenkinsパイプラインスクリプトのセクションをクラスに抽出する方法は?

分類Dev

ドロップダウンリストからコントローラーのアクションに選択したアイテムIDを渡す方法は?

分類Dev

ディレクトリからファイルのリストを取得してListViewに渡す方法は?

Related 関連記事

  1. 1

    セレンスクリプト用に別のクラスファイルから文字列値を渡す方法

  2. 2

    スタートアップアクションでファイルセットから特定のフォルダをインストールする方法は?

  3. 3

    ファイルをマウントして、コンテナkubernetes内のアプリケーションからファイルにアクセスする方法

  4. 4

    ディスクオフセットからWinPEファイルの任意のセクションのメモリオフセットを計算する

  5. 5

    シェルプロンプトからsqlplusをするには、Oracle SQLスクリプト・ファイルのパラメータを渡す方法は?

  6. 6

    Node jsルートからhtmlファイル内のスクリプトにJSONデータを渡す方法は?

  7. 7

    Vueファイルのスクリプトセクションを別のファイルに分離するにはどうすればよいですか?

  8. 8

    HTML 5&Javascriptデスクトップアプリケーションとプロジェクトファイルへのアクセス

  9. 9

    Python:文字列から単語のリストを生成し、インデックスに従ってテキストファイルに保存する方法は?

  10. 10

    vimがファイルバッファに使用するインデックスのシーケンスをリセットすることは可能ですか?

  11. 11

    コンソールのスクリプトファイルからコメントセクションを呼び出す方法

  12. 12

    C#WPF-クリックイベントから他のクラスファイルに値を渡す

  13. 13

    Laravel、セッションから特定の配列インデックスを取得

  14. 14

    オプションの配列を値としてチェックリストに渡すHTMLフォーム

  15. 15

    デスクトップJavaアプリケーションの構成ファイルを暗号化する方法

  16. 16

    Elixirの特定のディレクトリからファイルのコレクションを返す方法は?

  17. 17

    そのファイルシステムにのみアクセスすることにより、LinuxからのデッドインストールのWindowsバージョンを識別する方法は?

  18. 18

    すべてのzipファイルをコンピューターのデスクトップからs3バケットにプッシュする方法(パブリックアクセス)

  19. 19

    Meteorパブリケーションの配列から単一のインデックスを返す方法

  20. 20

    Windows 7でスクリーンショットを撮り、Macなどのデスクトップでスクリーンショットファイルを自動作成するにはどうすればよいですか?

  21. 21

    ファイルからテキストのセクションを印刷する

  22. 22

    ソリューションテストのコードカバレッジ結果ファイルを、テストプロジェクトディレクトリではなくソリューションディレクトリに出力する方法

  23. 23

    スクリプトレット配列インデックスのstrutsイテレータのインデックス値にアクセスするには

  24. 24

    .NETで、OBJファイルから読み込まれた配列のセクションの開始インデックスと終了インデックスを見つけます

  25. 25

    セクションインデックスタイトルのフォントの色を変更する方法

  26. 26

    セッション配列のインデックスを指定してlaravelセッションからアイテムを削除する方法

  27. 27

    Jenkinsパイプラインスクリプトのセクションをクラスに抽出する方法は?

  28. 28

    ドロップダウンリストからコントローラーのアクションに選択したアイテムIDを渡す方法は?

  29. 29

    ディレクトリからファイルのリストを取得してListViewに渡す方法は?

ホットタグ

アーカイブ