Yii2:用按钮调用 javascript 函数


Yii2: call javascript function with a button

我想从 php 中的按钮调用一个 javascript 函数

这是 PHP 代码:

//the view
    <?php
    $form = yii'widgets'ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); 
    ?>
 <?=
$form->field($msubs, 'id_subespecifica', ['options' => ['class' => 'col-md-12']])
  ->widget(Select2::classname(),[
        'data' => ArrayHelper::map($vectorConsul,'sesp', 'sesp'),
        'options' => ['id' => 'prueba'],
        ])
  ->label(false);

 ?>

    <button class="btn btn-primary" onclick="myFunction()">Add New</button>

<?php
yii'widgets'ActiveForm::end(); 
?>

这是Javascript代码:

//Javascript
function myFunction() {
$.ajax({
  url:'partidaasociada/get-linea',
  type:'POST',
  dataType:'json',
  data:{pruebaId:$('#prueba').val()}
  // alert(pruebaId);
});

在 javascript 函数中,我需要将 $('#prueba').val() 发送到控制器中的 php 函数:

//Controller
public function actionGetLinea($pruebaId)
{
    $model = new PartidaAsociada();
    log($pruebaId);
}

但是我遇到了一些错误,我认为该按钮正在重新加载整个表单,并且无法识别发送到表单的先前数据。

注意:javascript 函数中的"alert()"在注释中,因为它不允许我使用,当我发出警报时,表单会保持加载。 事先谢谢。

我认为部分问题在于您没有阻止按钮单击的默认操作。

我们也可以清理一下。点击 control+shift+i 并选择控制台选项卡以查看控制台.log输出。

.HTML:

<button class="btn btn-primary _addNew">Add New</button>

Javascript:

$('._addNew').on('click', function(event){
    event.preventDefault();
    var data = {};
    data.pruebaId = $('#prueba').val();
    var success = function(data){
       console.log("Success!", data);
    }
    var error = function(data){
       console.log("Error!", data);
    }
    $.ajax({
      url:'partidaasociada/get-linea',
      type:'POST',
      dataType:'json',
      data:data
   }, success, error);
});