mvc에서 ajax를 사용하는 방법?

Question

저는 매우 초보자 인 mvc과 ajax입니다.

그물에 많은 예제를 시도했지만 실제로 아약스가 실제로 사용되는 방법을 이해하지 못합니까?

컨트롤러가 members인데, 컨트롤러는 GetAllMembers입니다. GetAllMembers 반환 List<Members>

지금 내가 좋아하는 JQuery와 및 아약스 뭔가 사용하려는 :

$(document).click(function() { 
     $.ajax({ 
      url: "Members/GetAllMembers", 
      success: function() { 

      }, 
      error: function() { 
       alert("Failed to get the members"); 
      } 
     }); 
    }); 

내 URL 권리인가?

성공시 List를 ListBox에 표시하려고합니다. 어떻게받을 수 있습니까? 누군가 나에게 시작을 줄 수 있습니까?

Answer 1

$.ajax({ 
       type: "POST", 
       url: "Members/GetAllMembers", //Your required php page 
       data: "id="+ data, //pass your required data here 
       success: function(response){ //You obtain the response that you echo from your controller 
        $('#Listbox').html(response); //The response is being printed inside the Listbox div that should have in your html page. 
       }, 
       error: function() { 
        alert("Failed to get the members"); 
       } 
      }); 

희망 ... :)

<p>List Box - Single Select<br> 
<select id="listBox" name="listbox"> 

</select> 
</p> 

그래서 우리가이 JS :

var template = '<option value="$value">$name</option>'; 

var getAllMembers = function() { 
$.ajax({ 
url: 'Members/GetAllMembers', 
dataType: 'json', //Assuming Members/GetAllMembers returns a json 
success: function(response) { 
    $.each(response, function(index){ 
    var option = template.replace(/\$value/g, this.value) 
         .replace(/\$name/g, this.name); 
    $('#listBox').append(option); 
    }); 
} 
}); 
}; 

EDIT : 이제 getAllMembers(); 기능 만 호출하면됩니다.

희망 도움말.

파블로.

Answer 2

$(document).click(function() { 
      $.ajax({ 
       url: "Members/GetAllMembers", 
       success: function (result) { 
    // do your code here 
       }, 
       error: function() { 
        alert("Failed to get the members"); 
       } 
      }); 
     }); 

귀하의 요청은 "결과"변수에 응답을 제공합니다. 따라서 루프의 foreach 루프에서 결과 변수 값을 쉽게 관리하고 ListBox HTML에서 값을 설정해야합니다.

당신이 HTML이 있다고 가정 :

Answer 3

이 예제를 따라이 당신을 도울 것입니다