ajaxでのform値の所得および処理結果の表示

Question

formに入れられた数字の計算結果をajaxで処理したいのですが上手くいきません。
必要な処理を教えていただきたいです。

      function submitQ7() {
    	  $.ajax({
    		    type: 'POST',
    		    url: 'hoge2.html',
    		    success: function(){
    		        alert("ajax通信を行った");
    		      },
    		      error: function(){
        alert("ajax通信を行ってください");
    		      },
    	  },
    	  );
      };

 <form class="form-horizontal" method="post" th:action="@{/hogehoge}" id="q7">
            <div class="form-group">
              <div class="col-sm-2">
                <input type="text" class="form-control" name="q7Int1" />
              </div>
              <div class="col-sm-1">
                +
              </div>
              <div class="col-sm-2">
                <input type="text" class="form-control" name="q7Int2" />
              </div>
              <div class="col-sm-1">
                =
              </div>
              <div class="col-sm-2">
                <input type="text" class="form-control" id="q7Ans"/>
              </div>
            </div>
          </form>
          <button class="btn btn-success" onclick="submitQ7();">結果を反映させる</button>

        </div>
        
      </div>
      

Comments

[shi_ue]

「うまくいかない」とは、「何が」「どのように」うまくいかないのでしょうか？もう少し詳しく書いてください。

[kei344]

「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。エラーはデベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

[o-98-0]

申し訳ありません。フォームに数字を入れても結果に反映されないということです。ajaxのdataにformのnameを指定し、function内で変数に入れて計算して、それをajaxで返せばいいのではないかと思ったのですが、そのやり方が分かりません。

[kei344]

「hoge2.html」はサーバ側言語（PHP/Rubyなど）で実装されているのでしょうか？内容を提示し、適切な質問タグを追加されたほうが良いです。（質問本文は編集可能です）

[airia]

Ajaxの通信先は正しいことを確認してありますか？　デベロッパーツールなどでエラーの内容を確認してみてください。404とか501とか出てるはずです。

[shi_ue]

ここに質問の詳細を書くのではなく、質問文を修正してくださいね。

[airia]

質問に記述されたHTMLを見る限り、入力された値を足すだけならjavaScriptだけでも計算は可能です。Ajax通信が本当に必要なのでしょうか？

Answer 1

hoge2.htmlで適切な形のデータを返すようにして、
successで戻り値を受取り、ページの所定の箇所にデータを整形して表示する
一連の流れがajaxの基本です

送り先がhtmlファイルなのでサーバーサイドのプログラムがきちんと動いて
インタラクティブなデータを返してくれるのかどうかは疑問ですが