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

时间:2011-08-16 15:49:33

标签: asp.net jquery asp.net-ajax webmethod

我创造了一个简单的“这有用吗?”使用是和否对象的表单 - 使用ASP.net webforms。

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

任何人都可以通过jquery给我一些指示或链接到简单ajax的任何合适的演练(我是ajax的新手!)

我看过在每个方法上使用[WebMethod]标识符,但是并没有完全理解这个方法。

谢谢

2 个答案:

答案 0 :(得分:0)

你可能正在寻找jQuery的post function。看看这些例子。你想要做的事情是:

$('.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
});

答案 1 :(得分:0)

您可以尝试以下内容

 <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
}

在这里查看更多详细信息Call WebMethod from jquery in ASP.NET