MVC 下拉列表 onchange 事件未正确调用控制器中的操作

Question

您好，我在这里需要做的是，当下拉列表的选择发生变化时，我想使用 AJAX 调用一个动作并传递一些数据。您可以在下面找到我正在使用的代码。我进行了很多搜索，但不明白为什么它没有进入操作。数据和网址是正确的。控制器名称为 HomeController，动作名称为 getData。

<script type="text/javascript">
    function submitform() {
        var a = document.getElementById("tournaments");
        var datad = a.options[a.selectedIndex].value;
        var url = '/Home/getData';
        var completeurl = window.location.host + url;

        alert(completeurl);
        $.ajax({
            type: "GET",
            url: completeurl,
            data: {tournamentid : datad},
            datatype: 'JSON',
            success: function (data) { alert('got here with data'); },
            error: function () { alert('something bad happened'); }
        });
        };

</script>

Dropdownlist:
 <%: @Html.DropDownList("tournaments", null, new { name = "tournaments", title = "Please Select Tournament.", onchange = "submitform();",id = "tournaments"}) %>

Action:
[HttpGet]
    public ActionResult getData(int? tournamentid)
    {
        //perform your action here
        UserBl us = new UserBl();
        int num = Convert.ToInt32(tournamentid);
        Tournament tour = us.GetTournamentById(num);
        return Json(tour, JsonRequestBehavior.AllowGet);
    } 

Answer 1

你会这样做：

$(function(){   // document and jquery ready
       $("#tournaments").on("change", function(e){
              var dropValue = $(this).val();

               $.ajax({
        type: "GET",
        url: '/Home/getData/' + dropValue,
        datatype: 'JSON',
        success: function (data) { alert('got here with data'); },
        error: function () { alert('something bad happened'); }
    });
        });
 });

Answer 2

有两种方法 一个是（使用 selectedItem 作为锦标赛 ID）

<script type="text/javascript">
$(function () {
    $("#tournaments").change(function () {
        var selectedItem = $(this).val();
        submitform(selectedItem);
    });
});</script>

或者 将 javascript: 用于 onchange 属性

onchange = "javascript:submitform();"

编辑： 为此我建议

$.ajax({
cache: false,
type: "GET",
url: url,
data: { "tournamentid ": datad},
success: function (data) {
    alert("succeded")
},
error: function (xhr, ajaxOptions, thrownError) {
    alert('Failed ');
}});