Q&A
現在jQueryでAjax通信をし、phpに値を送ろうと思っているのですが疑問があり質問させていただきます。
フレームワークはlaravel8.42.1を使っています。
php
1//test.blade.php 2 3<!DOCTYPE html> 4<html lang="ja"> 5<head> 6<meta charset="UTF-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9 <meta name="csrf-token" content="{{ csrf_token() }}"> 10 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 11</head> 12<body> 13<?php 14 if(isset($_POST['hello'])){ 15 $word1 = $_POST['hello']; 16 17 echo "<p>{$word1}</p>"; 18 } 19?> 20<button class="hoge-button">ボタン</button> 21script src="{{ mix('js/test.js') }}"></script> 22</body> 23</html>
jQuery
1//test.js 2 3$(function () { 4 5 $('.hoge-button').click(function () { 6 let hello ="Hello"; 7 8 $.ajax({ 9 type: "POST", 10 url: 'test', 11 data: { 12 data: hello 13 }, 14 dataType: 'html', 15 headers: { 16 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 17 } 18 }).done(function (data) { 19 console.log("成功"); 20 }).fail(function (XMLHttpRequest, textStatus, errorThrown) { 21 console.log("エラー"); 22 }) 23 }); 24 25})
上記のコードはやりたいことのイメージになります。
ボタンをおしてtest.jsでAjaxを使いpostし、helloという変数をtest.blade.phpへ渡すということを実現したいのですがこれは可能でしょうか？
調べてみるとボタンを置くphp(もしくはhtml)ファイルとpost先のファイルが異なるpostのは見かけるのですが、同じファイルにpostするのはみかけなかった為質問させていただきました。
回答1件
0
ベストアンサー
これは可能でしょうか？
可能か不可能かを言えば可能ですが、
- そのままやるとHTML全体が返ってきてしまうので、あとあと結果がハンドリングしづらいです。
$_POSTの中身をそのままHTMLとして書き出すと、XSSの危険があります。
投稿2021/09/04 14:44
総合スコア146018
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/09/04 15:12
2021/09/04 15:15
2021/09/04 15:17
2021/09/04 15:22 編集