Jquery .load()는 로컬에서는 작동하지만 서버에서는 작동하지 않습니다.

Question

여기서 어떤 문제가 발생하는지 잘 모르겠습니다. .load() 함수를 사용하여 Jquery 대화 상자에보기를로드하려고합니다. 내 로컬 컴퓨터에서 모든 것이 제대로 작동하지만 서버에서 URL에 매개 변수를 두 번 추가하기 때문에 생성되는 URL이 올바르지 않습니다.

링크는 @ item.GrouperIDForLookip의 출처 인 웹 그리드에서 동적입니다.

<div id="groupersDialog"></div> 
<a id="GrouperField_@item.GrouperIDForLookup" class="grouper">Groupers</a> 
... 
<script> 
    $(".grouper").on("click", function() { 
     var id = $(this).attr("id").split("_")[1]; 
     $('#groupersDialog').dialog({ 
      autoOpen: true, 
      width: 1000, 
      height: 600, 
      resizable: true, 
      draggable: true, 
      title: "Groupers", 
      model: true, 
      show: 'slide', 
      closeText: 'x', 
      dialogClass: 'alert', 
      closeOnEscape: true, 
      open: function() { 
       //Load the Partial View Here using Controller and Action 
       $('#groupersDialog').load('/Home/_Groupers/?GroupIDForLookup=' + id); 
      }, 

      close: function() { 
       $(this).dialog('close'); 
      } 
     }); 
}); 
</script> 

내 로컬 컴퓨터에서 모든 것이 정상적으로 작동하며로드 URL이 작동합니다. 그러나 서버를 실행할 때 생성되는 URL은 %2fHome%2f_Groupers%2f%3fGroupIDForLookup%3d2&GroupIDForLookup=2이며 GroupIDForLookup을 두 배로 늘리면 GET 404 (페이지를 찾을 수 없음)가 표시됩니다.

누구에게 무슨 일이 일어날 지 알고 있습니까? 더 많은 코드가 필요하면 알려주세요.

Answer 1

로드 기능의 URL을 아래 코드에서 업데이트하십시오.

<div id="groupersDialog"></div> 
<a id="GrouperField_@item.GrouperIDForLookup" class="grouper">Groupers</a> 
... 
<script> 
    $(".grouper").on("click", function() { 
     var id = $(this).attr("id").split("_")[1]; 
     $('#groupersDialog').dialog({ 
      autoOpen: true, 
      width: 1000, 
      height: 600, 
      resizable: true, 
      draggable: true, 
      title: "Groupers", 
      model: true, 
      show: 'slide', 
      closeText: 'x', 
      dialogClass: 'alert', 
      closeOnEscape: true, 
      open: function() { 
       //Load the Partial View Here using Controller and Action 
       $('#groupersDialog').load(
       '@URL.Action("_Groupers", "Home")?GroupIDForLookup' + id); 
      }, 

      close: function() { 
       $(this).dialog('close'); 
      } 
     }); 
}); 
</script>