MVC에서 두 개의 종속 드롭 다운로드를 최적화하려면 어떻게해야합니까?

mvc 에서 두 개의 드롭 다운 메뉴를 개선하는 더 좋은 방법 제공된 코드는 MVVM 모드를 사용하여 주와 도시를 효과적으로로드하지만 여전히 개선의 여지가 있습니다.

주와 도시 선택을 단순화하십시오

jQuery 함수를 재구성하고 메소드를 사용하여 도시 드롭 -다운 메뉴를 제거한 다음 새 옵션을 추가하십시오. [필요한]가 확인할 수있는 첫 번째 옵션으로

대신 를 사용하는 것을 고려하십시오.

Ajax 호출을 최적화하십시오

중복 Ajax 호출을 피하기 위해 각 주에 도시 데이터를 저장하기 위해 캐시 메커니즘이 달성됩니다.

대체 방법 : 도시 데이터 초기화 주와 도시의 수가 제한되어 있으면 모든 도시를 전망에 전달하고 jQuery를 사용하여 주 선택에 따라 해당 도시를 필터링하고 표시 할 수 있습니다.

컨트롤러에서 .empty() 보기 (스크립트) : val(null) 기타 팁 val(0)

비 침습성 JavaScript를 사용하여 표시와 동작을 분리합니다.

var url = '@Url.Action("GetCities", "Home")';
var cities = $('#CityID');
$('#StateID').change(function() {
  $.getJSON(url, { id: $(this).val() }, function(response) {
    cities.empty().append($('<option>').val(null).text('请选择'));
    $.each(response, function(index, item) {
      cities.append($('<option>').val(item.Value).text(item.Text));
    });
  });
});

내장형 보조 메소드 (@url.action,@html.raw)를 사용하여 코드를 간결하게 만들고 하드 코딩을 피하십시오.

이 반응은 다른 Wordin과 문장 구조를 사용하는 동안 원래의 의미를 유지하고 이미지는 원래 형식과 로컬로 유지됩니다

위 내용은 MVC에서 두 개의 종속 드롭 다운로드를 최적화하려면 어떻게해야합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!