quillというwysiwygを使っていて、ユーザーに記事を投稿してもらうサイトを制作しています
ajaxを使ってPHPに渡してmysqlに保存をしようと思っています
quillの書き方を調べていてformではないのでどのように渡せばいいですか?
現在のコードは下のように書います
HTML
1 <div id="app"> 2 <div> 3 <quill-editor v-model="content" ref="quillEditor" :options="editorOption"> 4 </vue-quill-editor> 5 </div> 6 <!-- プレビュー --> 7 <form action=""> 8 <div id="preview" class="content ql-editor" v-html="content" name="pre"></div> 9 <button id="submit">投稿</button> 10 </form> 11 </div>
Js
1Vue.use(VueQuillEditor); 2 new Vue({ 3 el: "#app", 4 data: { 5 content: '', 6 editorOption: { 7 theme: 'snow' 8 } 9 }, 10 watch: { 11 content: { 12 handler: function () { 13 const send_data = this.content; 14 15 $('#submit').click(function (event) { 16 event.preventDefault(); 17 $.ajax({ 18 type: "POST", 19 url: "./php/main.php", // 送り先 20 data: { data: send_data }, // 渡したいデータ 21 dataType: "json", //データ形式を指定 22 scriptCharset: 'utf-8' 23 }) 24 .done(function (data, status, xhr) { 25 console.log('成功'); 26 }) 27 }) 28 } 29 } 30 } 31 32 })
php
1header('Content-type: application/json; charset=utf-8'); 2$data = filter_input( INPUT_POST, 'send_data' ); 3 4$param = $data; // やりたい処理 5 6echo json_encode( $param ); // JSON形式に変換してから返す
![guest](/img/icon/icnUserSample.jpg)
あなたの回答
tips
プレビュー