如何使用 C# 变量在 jQuery 中调用函数？答案

【问题标题】：How to call a function in jQuery append with C# variable?如何使用 C# 变量在 jQuery 中调用函数？
【发布时间】：2017-05-04 02:11:19
【问题描述】：

我正在尝试使用返回数组的下拉菜单的选定索引的值调用一个函数，并将结果附加到我的 div 'content'，但我不知道如何才能做到这一点工作？我不能在我的函数中使用变量 test。

@section Scripts {
    <script>
        var test = document.getElementById("drop-down").value
        $("#content").append("<h1>" + @DB.AfficherReponses(test)[0] + "</h1>")
    </script>
}

【问题讨论】：

你需要使用ajax来调用一个服务器方法并返回一个响应（或者将DB.AfficherReponses的所有值传递给视图并赋值给一个javascript数组）

标签： c# jquery asp.net asp.net-mvc razor

【解决方案1】：

您可以在JavaScript/jQuery 中传递C# Method 值。但是您不能将JavaScript/jQuery 值传递给C# Method。

可能：

@{var str="Hi";}

@section Scripts {
    <script>        
        $("#content").append("<h1>'" + @str + "'</h1>")
    </script>
}

不可能：

@section Scripts {
    <script>
        var test = document.getElementById("drop-down").value
         @DB.AfficherReponses(test)
    </script>
}

但是你可以通过 ajax 调用来做到这一点。

示例：

//controller
public class JsonDemoController : Controller  
    {  
        public JsonResult WelcomeNote(string name)  
        {  
           string output = "Welcome " +name;    
            return Json(output, JsonRequestBehavior.AllowGet);  
        }  
     }  

//view

@section Scripts {
    <script>
        var test = document.getElementById("drop-down").value
         $("#content").append("<h1>'" + getWelcomeNote(test) + "'</h1>")

function getWelcomeNote(name) {
    var json;
    $.ajax({
        url: "/JsonDemo/WelcomeNote/" + anme,
        dataType: 'json',
        async: false
    }).done(function (data) {
        json = data;
    });
    return json;
}

    </script>
}

【讨论】：