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

이 기사의 예에서는 Yii2가 Ajax를 기반으로 양식 데이터를 자동으로 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

여기에는 두 개의 테이블이 있습니다. 테이블 구조는 다음과 같습니다. 위치 테이블에는 두 테이블의 모델과 커드가 모두 GII를 사용하여 생성됩니다.

yii2advanced.customers 테이블

customer_id:int(11)

고객_이름:varchar(100)
우편번호:varchar(20)
도시:varchar(100)
지방:varchar(100)

yii2advanced.locations 테이블

location_id:int(11)

우편번호:varchar(20)
도시:varchar(100)
지방:varchar(100)

여기에서는 고객이 우편번호를 선택한 후 양식에 우편번호에 해당하는 시 및 도 정보를 자동으로 입력해야 합니다.

구현 방법

먼저 위치 컨트롤러에 메소드를 추가해야 zip_id를 가져와서 해당 위치 정보를 얻을 수 있습니다

public function actionGetCityProvince($zipId)
{
  $location = Locations::findOne($zipId);
  echo Json::encode($location);
}

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

고객 양식 보기에 있는 JS 코드

#zipCode는 select의 ID입니다

<&#63;php
$script = <<<JS
jQuery('#zipCode').change(function(){
  var zipId = $(this).val();
  jQuery.get('index.php&#63;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);
&#63;>

Yii와 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "Yii 프레임워크 소개 및 일반 기술 요약", "우수한 PHP 개발 프레임워크 요약", "시작하기 위한 기본 튜토리얼"을 확인할 수 있습니다. with Smarty Templates", "php 객체지향 프로그래밍" 디자인 입문 튜토리얼", "php 문자열(문자열) 사용법 요약", "php+mysql 데이터베이스 조작 입문 튜토리얼" 및 "php 공통 데이터베이스 조작 기술 요약"

이 기사가 Yii 프레임워크를 기반으로 하는 모든 사람의 PHP 프로그램 설계에 도움이 되기를 바랍니다.