将列表字符串从 C# 传递到 JavaScript答案

【问题标题】：Passing List String from C# to JavaScript将列表字符串从 C# 传递到 JavaScript
【发布时间】：2021-12-11 18:31:51
【问题描述】：

我目前正在尝试检查字符串变量的值是否为“Apple”。现在我需要将水果列表从 C# 传递给 javascript。

C#代码

List<String> fruits = new List<String>{"Apple","Mango","Orange"}

JavaScript 代码

$(document).on('click','#dvAppContent input:checkbox[id*=chkfunction]', function () {
   ToggleApplication(this);
});

function ToggleApplication(currentFunction) {
   var fruitName = $(currentFunction).closest('ui').parent('label').text().trim();    
   If(fruitName == "Apple")
   {
     return true;
   }       
}

【问题讨论】：

你的问题是什么？

标签： javascript c# web model-view-controller

【解决方案1】：

在 JavaScript 中使用 Ajax 调用。像这样的：

<script>  
    $(document).ready(function () {  
        $.ajax({  
            type: "GET",  
            url: "/api/StudentAPI/GetAllStudents",  
            contentType: "application/json; charset=utf-8",  
            dataType: "json",  
            success: function (data) {  
                //alert(JSON.stringify(data));                  
                $("#DIV").html('');   
                var DIV = '';  
                $.each(data, function (i, item) {  
                    var rows = "<tr>" +  
                        "<td id='RegdNo'>" + item.regNo + "</td>" +  
                        "<td id='Name'>" + item.name + "</td>" +  
                        "<td id='Address'>" + item.address + "</td>" +  
                        "<td id='PhoneNo'>" + item.phoneNo + "</td>" +  
                        "<td id='AdmissionDate'>" + Date(item.admissionDate,  
                         "dd-MM-yyyy") + "</td>" +  
                        "</tr>";  
                    $('#Table').append(rows);  
                }); //End of foreach Loop   
                console.log(data);  
            }, //End of AJAX Success function  
  
            failure: function (data) {  
                alert(data.responseText);  
            }, //End of AJAX failure function  
            error: function (data) {  
                alert(data.responseText);  
            } //End of AJAX error function  
  
        });         
    });  
</script>

而在 c# 的后端，是这样的：

public class StudentAPIController : Controller  
   {  
       // GET: api/GetAllStudents  
       [HttpGet]  
       public IEnumerable<PersonalDetail> GetAllStudents()  
       {  
           List<PersonalDetail> students = new List<PersonalDetail>  
           {  
           new PersonalDetail{  
                              RegNo = "2017-0001",  
                              Name = "Nishan",  
                              Address = "Kathmandu",  
                              PhoneNo = "9849845061",  
                              AdmissionDate = DateTime.Now  
                              },  
           new PersonalDetail{  
                              RegNo = "2017-0002",  
                              Name = "Namrata Rai",  
                              Address = "Bhaktapur",  
                              PhoneNo = "9849845062",  
                              AdmissionDate = DateTime.Now  
                             },                
           };  
           return students;  
       }  
   }

【讨论】：