Yii2基於Ajax自動取得表單資料的方法_php實例

本文實例講述了Yii2基於Ajax自動獲取表單資料的方法。分享給大家參考，具體如下：

這裡有兩張表，表結構如下，locations表存放的省份和郵編等信息，兩張表的model和curd均使用gii生成

yii2advanced.customers表

customer_id:int(11)
customer_name:varchar(100)
zip_code:varchar(20)
city:varchar(100)
province:varchar(100)

yii2advanced.locations表

location_id:int(11)
zip_code:varchar(20)
city:varchar(100)
province:varchar(100)

這裡要透過在customer選擇zip_code之後自動在表單中填入這個郵編對應的城市和省份資訊

實作方法

首先需要在Locations控制器裡面增加一個方法，他可以透過get過來的zip_id來取得對應的location資訊

public function actionGetCityProvince($zipId)
{
  $location = Locations::findOne($zipId);
  echo Json::encode($location);
}

然後透過JS監聽select，當select改變時，使用jQuery的get方法獲取對應的信息，並使用jQuery的attr方法設定city和province的value即可

JS程式碼，位於customer的form視圖

#zipCode 是select的id

<&#63;php
$script = <<<JS
jQuery('#zipCode').change(function(){
  var zipId = $(this).val();
  jQuery.get('index.php&#63;r=locations/get-city-province',{zipId:zipId},function(data){
    var data = jQuery.parseJSON(data);
    jQuery("#customers-city").attr("value",data.city);
    jQuery("#customers-province").attr("value",data.province);
  });
 
});
JS;
$this->registerJs($script);
&#63;>

更多關於Yii相關內容有興趣的讀者可查看本站專題：《Yii框架入門及常用技巧總結》、《php優秀開發框架總結》、《smarty模板入門基礎教程》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教學》及《php常見資料庫操作技巧總表》

希望本文所述對大家以Yii架構為基礎的PHP程式設計有所幫助。