我是编程新手,我正试图在用户输入数据并单击提交按钮时调用一个函数。我正在使用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价值
获取CSRF参数的正确方法是:
data[yii.getCsrfParam()] = yii.getCsrfToken()