YII2 表单ajax demo

一、表单调取数据

<div>
    <?php
    $js = <<<JS
       $(document).on('change',function(){     //js监听是否数据发生改变
         var number = $("#w0 option:selected").text();//监听select改变，获取下拉选项值
	    var url =['index'];
		$.ajax({
		        async:false,
			type : 'post',
			cache:false,
                        url:url,
			data:{id:number},   //传值到控制器，获取相应数据
			success : function(data){
        		var obj = JSON.parse(data);    //解析从控制器传来的数据（此时是数组）
           	 $("#contractdetail-annualbudgetid").val(obj[0]['annualBudgetID']);//解析后的数据相应值放到对应ID的文本框中
           	 $("#contractdetail-purchasecatalogueid").val(obj[0]['purchaseCatalogueID']);
            	 $("#contractdetail-description").val(obj[0]['description']);
            	 $("#contractdetail-specification").val(obj[0]['specification']);
           	 $("#contractdetail-quantity").val(obj[0]['quantity']);
           	 $("#contractdetail-unit").val(obj[0]['unit']);
           	 $("#contractdetail-price").val(obj[0]['price']);
            	 $("#contractdetail-amount").val(obj[0]['amount']);
			},
		       error: function(XMLHttpRequest, textStatus, errorThrown) {
                                   	alert(XMLHttpRequest.status);	
       					},
			});
	});
       JS;
    $this->registerJs($js);
    ?>
</div>

二、控制器响应返回值

if (Yii::$app->request->isPost) {         
   $request = Yii::$app->request;
   $purchaseDetailID= $request->post('id');
   $purchaseData = PurchaseDetail::find()
    ->where([
    'purchaseDetailID' => $purchaseDetailID
    ])
    ->asArray()
    ->all();
   $data = json_encode($purchaseData,true);
   return $data;
}