cmsのデータベース保存

Question

quillというwysiwygを使っていて、ユーザーに記事を投稿してもらうサイトを制作しています
ajaxを使ってPHPに渡してmysqlに保存をしようと思っています

quillの書き方を調べていてformではないのでどのように渡せばいいですか？
現在のコードは下のように書います

  <div id="app">
    <div>
      <quill-editor v-model="content" ref="quillEditor" :options="editorOption">
        </vue-quill-editor>
    </div>
    <!-- プレビュー -->
    <form action="">
      <div id="preview" class="content ql-editor" v-html="content" name="pre"></div>
      <button id="submit">投稿</button>
    </form>
  </div>

Vue.use(VueQuillEditor);
    new Vue({
      el: "#app",
      data: {
        content: '',
        editorOption: {
          theme: 'snow'
        }
      },
      watch: {
        content: {
          handler: function () {
            const send_data = this.content;

            $('#submit').click(function (event) {
              event.preventDefault();
              $.ajax({
                type: "POST",
                url: "./php/main.php", //　送り先
                data: { data: send_data }, //　渡したいデータ
                dataType: "json", 　//データ形式を指定
                scriptCharset: 'utf-8'
              })
                .done(function (data, status, xhr) {
                  console.log('成功');
                })
            })
          }
        }
      }

    })

header('Content-type: application/json; charset=utf-8');
$data = filter_input( INPUT_POST, 'send_data' );

$param = $data;	//　やりたい処理

echo json_encode( $param ); //　JSON形式に変換してから返す

Comments

[m.ts10806]

>ajaxを使ってPHPに渡してmysqlに保存

ここまでキーワードがあって何も調べようがなかったのでしょうか。
何を調べて何を試したか記載してください。