通过 Jquery 使用 Ajax 调用函数/数据库更新

Question

我正在创建一个简单的“这有用吗？”带有“是”和“否”对象的表单 - 使用 ASP.net Web 表单。

我需要使用 jquery 通过 ajax 完成提交，以防止用户在同一页面上多次投票。目前，我在相关页面后面的 C# 代码中有两种方法 Like_Click 和 Dislike_click。

任何人都可以给我一些关于通过 jquery 进行简单 ajax 的任何合适演练的指示或链接（我是 ajax 新手！）

我已经研究过在每个方法上使用 [WebMethod] 标识符，但并没有真正完全理解这个方法。

谢谢

Answer 1

您可能正在寻找 jQuery 的 post 函数。查看示例。你会想做一些类似的事情：

$('.myForm').submit(function(){ //define a handler for the submit event of the form
    $.post($(this).attr('action'), {useful: true}); //send data via ajax
    return false; //prevents the form from submitting via a normal web request
});

Answer 2

您可以尝试如下所示的

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

Webmethod，如下所示，

[WebMethod] 
public static string UpdateDB(string like, string dislike) 
{ 
    //Add your stuff
}

在此处查看更多详细信息 在 ASP.NET 中从 jquery 调用 WebMethod