Yii2基于Ajax自動(dòng)獲取表單數(shù)據(jù)的方法
本文實(shí)例講述了Yii2基于Ajax自動(dòng)獲取表單數(shù)據(jù)的方法。分享給大家供大家參考,具體如下:
這里有兩張表,表結(jié)構(gòu)如下,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)
這里要通過(guò)在customer選擇zip_code之后自動(dòng)在表單中填充這個(gè)郵編對(duì)應(yīng)的城市和省份信息
實(shí)現(xiàn)方法
首先需要在Locations控制器里面添加一個(gè)方法,他可以通過(guò)get過(guò)來(lái)的zip_id獲取對(duì)應(yīng)的location信息
public function actionGetCityProvince($zipId)
{
$location = Locations::findOne($zipId);
echo Json::encode($location);
}
然后通過(guò)JS監(jiān)聽(tīng)select,當(dāng)select改變時(shí),使用jQuery的get方法獲取對(duì)應(yīng)的信息,并使用jQuery的attr方法設(shè)置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);
?>
更多關(guān)于Yii相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《Yii框架入門(mén)及常用技巧總結(jié)》、《php優(yōu)秀開(kāi)發(fā)框架總結(jié)》、《smarty模板入門(mén)基礎(chǔ)教程》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門(mén)教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門(mén)教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家基于Yii框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
PHP編寫(xiě)學(xué)校網(wǎng)站上新生注冊(cè)登陸程序的實(shí)例分享
這篇文章主要介紹了使用PHP編寫(xiě)學(xué)校網(wǎng)站上新生注冊(cè)登陸程序的實(shí)例分享,只包括簡(jiǎn)單的數(shù)據(jù)庫(kù)信息錄入和查詢(xún)等步驟的一些關(guān)鍵點(diǎn),需要的朋友可以參考下2016-03-03
PHP中把對(duì)象數(shù)組轉(zhuǎn)換成普通數(shù)組的方法
這篇文章主要介紹了PHP中把對(duì)象數(shù)組轉(zhuǎn)成普通數(shù)組的方法,本文直接給出示例代碼,需要的朋友可以參考下2015-07-07
laravel實(shí)現(xiàn)上傳圖片并在頁(yè)面顯示的例子
今天小編就為大家分享一篇laravel實(shí)現(xiàn)上傳圖片并在頁(yè)面顯示的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
ThinkPHP3.2.3框架Memcache緩存使用方法實(shí)例總結(jié)
這篇文章主要介紹了ThinkPHP3.2.3框架Memcache緩存使用方法,結(jié)合實(shí)例形式總結(jié)分析看thinkPHP框架下Memcache緩存各種調(diào)用方法與配置相關(guān)操作技巧,需要的朋友可以參考下2019-04-04

