Вызов функции / обновления базы данных с использованием Ajax через Jquery

Question

Я создаю простое "Было ли это полезно?"форма с объектами «Да» и «Нет» - использование веб-форм ASP.net.

Мне нужно, чтобы отправка выполнялась через ajax с использованием jquery, чтобы пользователь не мог голосовать несколько раз на одной странице. В настоящее время у меня есть два метода.Like_Click и Dislike_click в коде C # за рассматриваемой страницей.

Может кто-нибудь дать мне несколько указателей или ссылку на любые подходящие пошаговые руководства для простого ajax через jquery (я новичок в ajax!)

Я рассмотрел использование идентификатора [WebMethod] для каждого из методов, но не совсем понял этот метод.

спасибо

Answer 1

Вы можете попробовать что-то вроде ниже

 <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] 
public static string UpdateDB(string like, string dislike) 
{ 
    //Add your stuff
}

подробнее смотрите здесь Вызовите WebMethod из jquery в ASP.NET

Answer 2

Вы, вероятно, ищете функцию 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
});