javascript 或 ajax 用 asp.net mvc 更新数据库？答案

【问题标题】：javascript or ajax to update database with asp.net mvc?javascript 或 ajax 用 asp.net mvc 更新数据库？
【发布时间】：2015-04-20 02:47:36
【问题描述】：

我在这里有一个来自下拉列表上的更改事件的函数。 When the selection gets changed I want to update a row in my database.我应该使用javascript还是ajax。我不想刷新页面。我认为它应该是ajax，但不确定？如果是ajax，谁能给我指点教程/视频/等？

这是我要更新我的数据库行的地方。

var statusdropdown = document.getElementById("enumstatus");
statusdropdown.addEventListener("change", function(event) {
    // call db and update row
}, false);

【问题讨论】：

javascript 还是 ajax？ ...您意识到 ajax 意味着异步 javascript（和 xml）...对吗？你肯定想要 ajax。
对asp.net不太熟悉...你基本上是想将#enumstatus的当前值传递给更新数据库的函数。
你有写过更新数据库的函数吗？

标签： javascript jquery ajax asp.net-mvc

【解决方案1】：

看起来你在使用 asp.net mvc。

您可以使用纯 javascript Ajax docs 或最简单的方式编写您的 ajax 调用，使用 JQuery。

您需要在控制器上添加一项操作以接收 ajax 数据，然后插入/更新您的数据库。

请参阅this、this 和 this。

【讨论】：

【解决方案2】：

最常见的场景是使用 HTTP POST/PUT 对控制器方法进行 ajax 调用，然后控制器将处理数据并直接更新数据库或传递给您的服务/数据层代码。

进行调用的最简单方法可能是使用 jQuery.ajax 方法。文档可以在这里找到：http://api.jquery.com/jquery.ajax/

【讨论】：

【解决方案3】：

你可以试试这样的

<script type="text/javascript">
    $(function () {
        $('#btnSubmit').click(function () {
            var name = $('#TextBox1').val();
            var email = $('#TextBox2').val();
            if (name != '' && email != '') {
                $.ajax
                    ({
                        type: 'POST',
                        url: 'Home/UpdateDB',     //if it is plain asp.net then UpdateDB is declared as WebMethod 
                        async: false,
                        data: "{'name':'" + name + "','email':'" + email + "'}",
                        contentType: 'application/json; charset =utf-8',
                        success: function (data) {
                            var obj = data.d;
                            if (obj == 'true') {
                                $('#TextBox1').val('');
                                $('#TextBox2').val('');
                                alert("Data Saved Successfully");
                            }
                        },
                        error: function (result) {
                            alert("Error Occured, Try Again");
                        }
                    });
            }
        })
    });
</script>

【讨论】：