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)容感興趣的讀者可查看本站專題：《Yii框架入門及常用技巧總結(jié)》、《php優(yōu)秀開(kāi)發(fā)框架總結(jié)》、《smarty模板入門基礎(chǔ)教程》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門教程》及《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ù)信息錄入和查詢等步驟的一些關(guān)鍵點(diǎn),需要的朋友可以參考下2016-03-03
PHP中把對(duì)象數(shù)組轉(zhuǎn)換成普通數(shù)組的方法
這篇文章主要介紹了PHP中把對(duì)象數(shù)組轉(zhuǎn)成普通數(shù)組的方法,本文直接給出示例代碼,需要的朋友可以參考下2015-07-07
本文講解的是php設(shè)計(jì)模式的結(jié)構(gòu)性模式的概念以及機(jī)構(gòu)性模式的七種類中的適配器模式,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了ThinkPHP中數(shù)據(jù)操作方法,實(shí)例分析并總結(jié)了ThinkPHP數(shù)據(jù)庫(kù)操作的心得,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了Linux中為php配置偽靜態(tài),需要的朋友可以參考下2014-12-12
這篇文章主要介紹了一個(gè)PHP的ZIP壓縮類分享,需要的朋友可以參考下2014-05-05
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
ThinkPHP的N方法屬于計(jì)數(shù)器方法，這篇文章主要介紹了ThinkPHP的N方法,需要的朋友可以參考下2014-06-06
JSONP（JSON with Padding）是一個(gè)非官方的協(xié)議，他的實(shí)現(xiàn)方式大致就是：讓客戶端決定要回調(diào)的Javascript函數(shù)名，在第三方服務(wù)端將 JSON 數(shù)據(jù)拼裝到回調(diào)函數(shù)名中，返回的就是參數(shù)為JSON數(shù)據(jù)的函數(shù)調(diào)用腳本，瀏覽器加載腳本并執(zhí)行達(dá)到獲取第三方數(shù)據(jù)的目的。2014-11-11