Yii2基于Ajax自动获取表单数据的方法

作者:wjtlht928 时间:2023-11-21 00:59:56 

本文实例讲述了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框架的PHP程序设计有所帮助。

标签:Yii2,Ajax,表单
0
投稿

猜你喜欢

  • MySQL数据库优化详解

    2024-01-23 12:51:55
  • php利用cookies实现购物车的方法

    2023-07-23 08:32:37
  • Python图像处理之透视变换的实战应用

    2022-08-16 17:22:10
  • Python多线程实现模拟火车站售票

    2021-09-20 03:23:49
  • pytorch中dataloader 的sampler 参数详解

    2023-09-16 21:00:13
  • Django-xadmin+rule对象级权限的实现方式

    2023-02-20 17:08:08
  • pytorch 彩色图像转灰度图像实例

    2023-08-02 17:28:37
  • Python函数嵌套实例

    2022-11-11 06:43:34
  • 清除浮动的最简写法

    2009-03-30 15:58:00
  • opencv+python实现图像矫正

    2022-09-28 09:28:14
  • Vue基础学习之项目整合及优化

    2024-05-21 10:28:49
  • 浅谈Django学习migrate和makemigrations的差别

    2021-05-11 03:36:11
  • 图文详解Mysql使用left join写查询语句执行很慢问题的解决

    2024-01-13 17:14:52
  • 如何远程连接SQL Server数据库图文教程

    2024-01-21 16:23:30
  • 使用 JavaScript 获取本地盘符

    2010-01-12 13:49:00
  • Sanic框架应用部署方法详解

    2021-04-29 08:40:33
  • Python中@property的理解和使用示例

    2022-07-22 07:01:08
  • SQLite3数据库的介绍和使用教程(面向业务编程-数据库)

    2024-01-28 20:40:07
  • javascript使用location.search的示例

    2023-07-16 09:14:40
  • mysql的数据压缩性能对比详情

    2024-01-19 13:02:43
  • asp之家 网络编程 m.aspxhome.com