ajaxをrailsで取得したい

Question

railsとajaxの実装についての質問です。

クリックした番号が答えと一致していれば、/rankings、post=>rankings controllerのcreateアクションにparamsを送り、それをデータベースに保存したいのですが、うまく行かず困っています。

index.html.erb

<li onclick="goAnswer(1, <%= f.answer %>)"><%= f.choice_1 %></li>

function goAnswer(selectAnswerNo, correctAnswerNo) {
    if (selectAnswerNo == correctAnswerNo) {
        $.ajax({
            type: "POST"
            url: "/rankings"
            data: {correct: 1},
            dataType: "json"
            })
            .done(function () {
                window.alert("success");
            }),
            .fail(function () {
                window.alert("error");
            });
        });
    }
};
</script>

rankings controller
　def create
  Ranking.create(correct:params[:correct])
  end

どのようにすれば、railsでajaxdで送られたデータを取得できるでしょうか？
初心者のため、もはやどこが間違っているか分かリません。分かる方教えていただければ幸いです。

ちなみに
https://off.tokyo/blog/rails%E3%81%A7ajax%E3%81%A7post%E3%81%97%E3%81%A6db%E3%81%AB%E5%80%A4%E3%82%92%E4%BF%9D%E5%AD%98/

https://qiita.com/__tambo__/items/409ccf256e84017ea307

などを参考にして書いてみました。

Comments

[Yasumichi]

> うまく行かず

具体的ではないのでエラーメッセージを提示してたください。

[退会済みユーザー]

エラーメッセージは何も表示されず、クリックをするとJavaScript は機能して正解、不正解は表示されるのですが、データベースには何も保存されていないのです、、、

Answer 1

postの場合？は、以下のコードを追加する必要があるようでした！

beforeSend: function(xhr) {
            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));
          },

これを追加するとsuccessしました。

Answer 2

function goAnswer(selectAnswerNo, correctAnswerNo) {
    if (selectAnswerNo == correctAnswerNo) {
        window.alert('正解！');
        $.ajax({
            type: "POST",
            url: "/rankings", // 
            dataType: "json",
            data: {
                "correct": 1
            },
            success: function (data) {
                alert("success");
            },
            error: function (data) {
                alert("error");
            }
        });
        }
        else {
            window.alert('不正解！')
          };
    }
</script> 

解決方法ではありませんが、コードを修正すると、ajaxは反応するようになったが、errorとalertされてしまう。
今後、なぜerrorとなるのか調べる必要があリます。

Answer 3

urlが複数形になっていますが、単数形ではないですか？

Comments

[退会済みユーザー]

ありがとございます！確認してみましたが、/rankingsでよさそうです。