asp.net-mvc - 如何在 mvc 中使用 ajax？

Question

我是一个非常初学者mvc和ajax两者。

我在网上尝试了很多例子，但我不明白 ajax 是如何实际使用的？

我有一个名为的控制器members，它有GetAllMembers方法。 GetAllMembers返回一个List<Members>

现在我想使用 JQuery 和 ajax 之类的东西：

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

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

我的网址对吗？

成功后，我想在 ListBox 中显示该列表。我怎么才能得到它？谁能给我一个开始？

Answer 1

$(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 中设置值。

Answer 2

按照这个例子：

假设你有这个 html：

<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);
  });
 }
});
};

编辑：现在你只需要调用getAllMembers();函数。

希望这有帮助。

巴勃罗。

Answer 3

 $.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");
               }
            });

希望对你有帮助.. ：）