ajax获取表单php,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

$script = <<

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程序设计有所帮助。

ajax获取表单php,Yii2基于Ajax自动获取表单数据的方法相关推荐

php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
js将form表单提交数据封装为ajax提交
对于数据提交,html自带了form表单,以form表单里的input框的name为key值,以其所对应的value为value值,传给后台供其使用.但是这样的方法与ajax传输数据还是有许多差距: ...
ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc
Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...
使用ajax方法实现form表单的提交（Ajax和from提交的区别）
写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...
uniapp同步获取用户信息_表单设计是为了帮助用户获取信息，而不是填写
之前有会员来信提到希望能够找一期时间聊一聊在应用中的表单设计,当时我爽快的答应了但却一直没有写. 其实没写的主要原因还是在于网络上已经有了很多关于表单设计的讨论,这些文章都提到了很多在表单设计中需要注 ...
php接收表单图片,如何在PHP中获取表单图片数据
这是我的HTML,用于发布带图片的广告. {% for count in 1..10 %} {% endfor %} 这是我的轮廓仪功能 public function insertProduct( ...
android 漂亮的表单界面,面向ArcGIS for Android的表单界面生成器的设计与实现
孙俊英陈忠超摘要:基于ArcGIS for Android的采集系统作为当下主要的野外采样方式之一,被广泛的应用于各类场景,针对不同采集内容,采集系统的主要差异在于采样的属性数据所有不同,使用传 ...
form表单用butten提交后无反应表单提交三种方式
form表单用butten提交后无反应&表单提交三种方式一,表单提交无反应有时候,我们发现表单提交的butten按钮,根本就没niao用.鼠标都点烂了,也提交不上去.找了半天什么错误也没找 ...

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

ajax获取表单php,Yii2基于Ajax自动获取表单数据的方法相关推荐

最新文章

热门文章