【Ajax,Rails】ブログの自動保存機能で、新しいpostをcreateし続けてしまう問題

Question

前提・実現したいこと

Ruby on Rails6を使って、自動保存機能がついたブログエディター（Wordpressのようなもの）を作っています。

発生している問題・エラーメッセージ

こちらの記事をほぼそのままコピペして、自動保存機能自体は実現することができました。

しかし、上記の参考記事でも言及されている、以下の部分の問題が解決できません。

一回目の一時保存は普通にcreate_tempアクションに飛んでもらって良いんだけど、次のタイミング（例えば1分に1回保存するとかする場合）では、もうそのレコードはあるんだから、updateアクションに飛んでもらわないと困る。

つまり、2回目以降のAjax送信時はupdateしてほしいのに、createし続けてしまいます。
ちなみに、ブログのedit画面からの自動保存は問題なく動作しており、
createし続けてしまうのはnew画面からの自動保存時のみです。

具体的にお聞きしたいのは、以下2点です。

①番号リスト先ほどの参考記事中の以下部分で何をしようとしているのか、わかりやすく教えていただけないでしょうか。

if (result == true) {
    msg = "下書き保存されました";

    // This is for Temporal saving
    // forcing the form to look update method.

    // Add id
    $('.blog-form').prepend('<input name="post[id]" type="hidden" value="<%= @post.id %>">');

    // Chnage REST method
    $('.blog-form input[name=_method]').remove();
    $('.blog-form').prepend('<input name="_method" type="hidden" value="patch">');

    // Change URL
    $('.blog-form').attr('action', '/posts/<%= @post.id %>');

} else {
    msg = "下書き保存のための情報が足りません";
}

②上記部分がうまく動作しない理由として、何が考えられるでしょうか。

よろしくお願いします。

Answer 1

引用先は見ておらずでの回答です。

$('.blog-form').prepend('<input name="post[id]"
'.blog-form'に name="post[id]" な input要素を追加

$('.blog-form input[name=_method]').remove();
.blog-form にある 「submitされた時のmethd」定義ｗ削除

$('.blog-form').prepend('<input name="_method" ..
.blog-form がsubmitされた時のmethdを patch に設定

$('.blog-form').attr('action', '/posts/<%= @post.id %>');
'.blog-form' のaction（submitした時にcontrollerのどのactionを呼ぶか）を変更。というより、paramsのIDの値を変更ですね。

②初めは常にPOST methodにしているのでは、とおもったのですが、PATCHに変更していますね。
とすると、
(1)にも関わらず,ブラウザーがPOSTで送っている。
(2)routes.rbにて、PATCHでのrouteが定義されていない

私の経験ですと(1)が結構あります。解消方法未だわからず。
(1)であるかどうかは、logで　Started とある行を探して確認してください。GET、POST、PATCH などになっています。