1. ホーム
  2. jquery

[解決済み】jQueryでJSONを投稿する

2022-04-11 14:49:20

質問

update: var value をサーバに送信します。

こんにちは。 相変わらずですねぇ・・・ :)

というフォームを持っています。 <form id="testForm" action="javascript:test()"> というコード領域と <code id="testArea"></code>

このコードを使って、コードエリアのデータを文字列化して表示させています。

var formData = form2object('testForm');
document.getElementById('testArea').innerHTML = JSON.stringify(formData, null, '\t');
var value = JSON.stringify(formData, null, '\t');

私が欲しいのは、このデータをJSONファイルに送信することです。 私はこのプロジェクトに取り組んできました : http://ridegrab.com/profile_old/ を押すと Submit Query ボタンをクリックすると、ページの先頭が表示されます。

また、このスクリプトを使ってデータを送りたい。

    function authenticate(userName, password) {
    $.ajax
    ({
        type: "POST",
        //the url where you want to sent the userName and password to
        url: 'username:password@link to the server/update',
        dataType: 'json',
        async: false,
        //json object to sent to the authentication url
        data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
        success: function () {

        alert("Thanks!"); 
        }
    })
}

繰り返しになりますが、私が欲しいのは、そのJSONデータをサーバーに送ることができることなのです。私のサーバーは、以下のように設定されています。 update or POST のデータを適切な場所に配置します。

どのように解決するのですか?

'data' は文字列化されたJavaScriptオブジェクトである必要があります。

data: JSON.stringify({ "userName": userName, "password" : password })

を送信するには formData に渡す。 stringify :

data: JSON.stringify(formData)

また、一部のサーバーでは application/json というコンテンツタイプがあります。

contentType: 'application/json'

また、同様の質問に対するより詳細な回答がこちらにあります。 Jquery Ajax ウェブサービスにjsonをポストする