ajaxを使ってpost通信でjsonデータを送信するプログラムです。
私はdjangoを使っています。
質問が二つあります。
一つ目
urlには、表示するurlを入れればいいのですか?
二つ目jsonを送信する部分はどこになりますか。
$.ajax({
~~~
$("#response").html(JSON.stringify(data));
~~~
)}
ここになりますか?
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>HTMLファイルからPOSTでJSONデータを送信する</title> 6<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 7 8<script type="text/javascript"> 9 $(function(){ 10 $("#response").html("Response Values"); 11 12 $("#button").click( function(){ 13 var url = $("#url_post").val(); 14 15 var JSONdata = { 16 value1: $("#value1").val(), 17 value2: $("#value2").val() 18 }; 19 20 alert(JSON.stringify(JSONdata)); 21 22 $.ajax({ 23 type : 'post', 24 url : url, 25 data : JSON.stringify(JSONdata), 26 contentType: 'application/JSON', 27 dataType : 'JSON', 28 scriptCharset: 'utf-8', 29 success : function(data) { 30 31 // Success 32 alert("success"); 33 alert(JSON.stringify(data)); 34 $("#response").html(JSON.stringify(data)); 35 }, 36 error : function(data) { 37 38 // Error 39 alert("error"); 40 alert(JSON.stringify(data)); 41 $("#response").html(JSON.stringify(data)); 42 } 43 }); 44 }) 45 }) 46</script> 47 48</head> 49<body> 50 <h1>HTMLファイルからPOSTでJSONデータを送信する</h1> 51 <p>URL: <input type="text" id="url_post" name="url" size="100" value="http://testurl/"></p> 52 <p>value1: <input type="text" id="value1" size="30" value="値1"></p> 53 <p>value2: <input type="text" id="value2" size="30" value="値2"></p> 54 <p><button id="button" type="button">submit</button></p> 55 <textarea id="response" cols=120 rows=10 disabled></textarea> 56</body> 57</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/12/28 08:02
2018/12/28 08:06
退会済みユーザー
2018/12/28 08:24
2018/12/28 08:30
退会済みユーザー
2018/12/28 08:36
2018/12/28 08:39
退会済みユーザー
2018/12/28 08:41
退会済みユーザー
2018/12/28 08:43