> php教程 > PHP开发 > Ajax를 기반으로 양식 데이터를 자동으로 가져오는 Yii2 방법

Ajax를 기반으로 양식 데이터를 자동으로 가져오는 Yii2 방법

高洛峰
풀어 주다: 2016-12-23 16:48:11
원래의
1771명이 탐색했습니다.

이 기사의 예에서는 Yii2가 Ajax를 기반으로 양식 데이터를 자동으로 가져오는 방법을 설명합니다. 참고를 위해 모든 사람과 공유합니다.

여기에는 두 개의 테이블이 있습니다. 테이블의 위치는 모델 및 기타 정보를 저장합니다. 두 테이블은 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)

여기서 고객이 zip_code를 선택하면 해당 우편번호에 해당하는 시, 도 정보가 자동으로 양식에 채워집니다

구현 method

먼저 Locations에서 제어해야 합니다. 획득한 zip_id를 통해 해당 위치 정보를 얻을 수 있는 프로세서에 메서드를 추가합니다.

1

2

3

4

5

public function actionGetCityProvince($zipId)

{

  $location = Locations::findOne($zipId);

  echo Json::encode($location);

}

로그인 후 복사

그리고 JS를 통해 select를 모니터링하고, select가 변경되면 jQuery의 get 메소드를 사용하여 해당 정보를 얻고, jQuery의 attr 메소드를 사용하여 시 및 도 값을 설정합니다

JS. 코드, 고객 양식 보기에 있음

#zipCode는 선택 항목의 ID입니다.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<?php

$script = <<<JS

jQuery(&#39;#zipCode&#39;).change(function(){

  var zipId = $(this).val();

  jQuery.get(&#39;index.php?r=locations/get-city-province&#39;,{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 기반 양식 데이터 자동 획득 방법에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿