プログラミングは初めてで、ユーザーがデータを入力して送信ボタンをクリックすると、関数を呼び出そうとしています。私はYii2を使用していますが、Ajaxに慣れていません。関数を開発しようとしましたが、コントローラーアクションは呼び出されません。
これが私が試みているコードの例です:
views/index.php:
<script>
function myFunction()
{
$.ajax({
url: '<?php echo Yii::$app->request->baseUrl. '/supermarkets/sample' ?>',
type: 'post',
data: {searchname: $("#searchname").val() , searchby:$("#searchby").val()},
success: function (data) {
alert(data);
}
});
}
</script>
<?php
use yii\helpers\Html;
use yii\widgets\LinkPager;
?>
<h1>Supermarkets</h1>
<ul>
<select id="searchby">
<option value="" disabled="disabled" selected="selected">Search by</option>
<option value="Name">Name</option>
<option value="Location">Location</option>
</select>
<input type="text" value ="" name="searchname", id="searchname">
<button onclick="myFunction()">Search</button>
<h3> </h3>
コントローラ:
public function actionSample(){
echo "ok";
}
私の問題は、[検索]ボタンをクリックしても何も起こらず、デバッグしようとしてもデバッガーがコードを実行しないことです。
これは、必要に応じて変更できるサンプルです
public function actionSample()
{
if (Yii::$app->request->isAjax) {
$data = Yii::$app->request->post();
$searchname= explode(":", $data['searchname']);
$searchby= explode(":", $data['searchby']);
$searchname= $searchname[0];
$searchby= $searchby[0];
$search = // your logic;
\Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
return [
'search' => $search,
'code' => 100,
];
}
}
これが成功する場合、Ajax成功ブロックでデータを取得します。ブラウザコンソールをご覧ください。
$.ajax({
url: '<?php echo Yii::$app->request->baseUrl. '/supermarkets/sample' ?>',
type: 'post',
data: {
searchname: $("#searchname").val() ,
searchby:$("#searchby").val() ,
_csrf : '<?=Yii::$app->request->getCsrfToken()?>'
},
success: function (data) {
console.log(data.search);
}
});
_csrf tokinをパラメーターとして渡す必要があります
_csrf: yii.getCsrfToken()
または、csrf valdationを無効にすることができます
CSRFパラメータを取得する正しい方法は次のとおりです。
data[yii.getCsrfParam()] = yii.getCsrfToken()