jqueryでpostで価を送信し受け取った値を表示させたい

jqueryでデータを送信し、phpで受け取り画面に表示させたいのですがなにも表示されませんどなたか教えていただきたいです。

javascript
1<!DOCTYPE html>
2<html lang="ja">
3	<head>
4		<meta charset="utf-8">
5		<title>データ送信</title>
6    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
7<script>
8$(function(){
9    $("#send").click(function(event){
10     var form_data = {
11        name:$('#name').val(),
12        gender:$('#gender').val(),
13  };
14      var json = JSON.stringify(form_data);
15      $.ajax({
16		type:"POST",
17        url:"c.php",
18        data:｛json｝,
19	    dataType: "text"
20      }).done(function(data){
21        $("#result").text(data);
22      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
23        alert(errorThrown);
24      });
25    });
26	});
27
28
29</script>
30
31	</head>
32	<body>
33    <section>
34      <form action="">
35<table>
36<tr>
37  <th><label>名前:</label></th>
38  <th><input type="text" id="name" name="tel" maxlength="100" value=""></th>
39</tr>
40<tr>
41  <th><label>性別:</label></th>
42	<th>
43  <input type="radio" id="gender" name="gender" value="male">男性
44   <input type="radio" id="gender" name="gender" value="male">女性
45   </th>
46</tr>
47<tr>
48<th><button id="send"　type="button">送信</button>
49</th>
50</tr>
51</table>
52</form>
53   </section>
54	 <div id="result"></div>
55	</body>
56</html>
57

php
1
2  $id = $_POST['json'];
3  echo $id;
4
5コード

行動規範の内容に同意します

回答1件

ベストアンサー

問題がいくつかあります

まずdataの受け渡し方

data:json
↓↓↓
data:{json}

htmlの記述

<button id="send">
↓↓↓
<button id="send" type="button">

「contentType」は不要です

投稿2019/11/13 00:20

yambejp

総合スコア116694

dog50

2019/11/13 00:30

指摘された通りに変更してみたのですが、表示を行うことができないです。何故だかわかりませんか？

yambejp

2019/11/13 00:39 編集

jsonを囲っている{}が全角になってますよまたbuttonのtype="button"の前の全角スペースも半角にしておいてください

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

jqueryでpostで価を送信し受け取った値を表示させたい

関連した質問