Yii2：通过按钮调用javascript函数

Question

我想从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（）”处于注释状态，因为它不会让我使用，当我发出警报时，表单会保持加载状态。 预先感谢。

Answer 1

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

我们也可以清理一些东西。 按Control + Shift + i并选择“控制台”选项卡以查看console.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);
});