首頁 > php教程 > PHP开发 > Yii2基於Ajax自動取得表單資料的方法

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

高洛峰
發布: 2016-12-23 16:48:11
原創
1729 人瀏覽過

本文實例講述了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)

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的gets

然後透過JS監聽select,當select改變時,使用jQuery的gets獲得對應的資訊,方法來獲得對應的資訊,並使用jQuery的attr方法設定city和province的value即可

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

#zipCode 是select的id

<?php
$script = <<<JS
jQuery(&#39;#zipCode&#39;).change(function(){
  var zipId = $(this).val();
  jQuery.get(&#39;index.php?r=locations/get-city-province&#39;,{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);
?>
登入後複製

   

程式設計有所幫助。

更多Yii2基於Ajax自動取得表單資料的方法相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板