本文執行個體講述了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
<?php$script = <<<JSjQuery('#zipCode').change(function(){ var zipId = $(this).val(); jQuery.get('index.php?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);?>
更多關於Yii相關內容感興趣的讀者可查看本站專題:《Yii架構入門及常用技巧總結》、《php優秀開發架構總結》、《smarty模板入門基礎教程》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教程》及《php常見資料庫操作技巧匯總》
希望本文所述對大家基於Yii架構的PHP程式設計有所協助。