程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Yii2基於Ajax自動獲取表單數據的方法,yii2ajax獲取表單

Yii2基於Ajax自動獲取表單數據的方法,yii2ajax獲取表單

編輯:關於PHP編程

Yii2基於Ajax自動獲取表單數據的方法,yii2ajax獲取表單


本文實例講述了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 = <<<JS
jQuery('#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程序設計有所幫助。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved