Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- Yii2基于Ajax自动获取表单数据的方法
- Yii2 使用Ajax自动获取表单数据
- yii2 表单ajax获取数据,自动填充
- 表单和ajax中的post请求&&后台获取数据方法
- 表单和ajax中的post请求&&后台获取数据方法
- jquery自动补全插件autocomplete的使用方法之autocomplete ajax获取数据展示
- ajax form数据封装,ajax提交整个form表单,ajax 自动获取当前form数据
- JS自动获取Form表单数据并转换成键值对 ajax提交Form
- Form表单和ajax中的post请求&&后台获取数据方法(深度好文)
- 基于$.ajax()方法从服务器获取json数据的几种方式总结
- 表单和ajax中的post请求&&后台获取数据方法(深度好文)
- AJAX从服务端获取数据的三种方法
- 分页解决方案 之 QuickPager的使用方法(PostBack分页、自动获取数据)
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法:服务器端和客户端数据类型的自动转换:复杂类型
- AJAX从服务端获取数据的三种方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- .ajax方法获取JSON数据
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(7):服务器端和客户端数据类型的自动转换:泛型集合类型