[解決済み】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をポストする
関連
-
[解決済み] jQuery.whenの理解
-
[解決済み] jQueryでborder-bottomの色を変更する?
-
[解決済み] 正しいJSONコンテンツタイプは何ですか?
-
[解決済み] JSONでコメントを使用することはできますか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] cURLでJSONデータをPOSTするにはどうすればよいですか?
-
[解決済み] JavaScriptでJSONをきれいに印刷する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】カルーセルで画像を中央に配置する方法
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] jQuery - 不正な呼び出し
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] 無効な JSON プリミティブ ERROR
-
[解決済み] jQuery.whenの理解
-
[解決済み] BootstrapがUncaught Errorを投げる:BootstrapのJavaScriptはjQueryを必要とする【終了】。
-
[解決済み] jquery .text()または.html()が動作しない
-
[解決済み] jQueryとIntraweb?
-
[解決済み] asp.net mvcのHtml.BeginForm()にIDプロパティを追加する方法は?