$ .ajax не работает

Question

На моей веб-странице есть текстовое поле для получения отсканированного значения штрих-кода. Как только мы сканируем штрих-код, он должен получить информацию из базы данных. Я создаю событие изменения для текстового поля.

Проблема: $ .ajax не работает.

Код:

    var target = $('#txtBarcode'), val = target.val();
        target.change(monitor());
        function monitor() {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: "{}",
                url: "HomePage.aspx/SearchProduct",
                dataType: "json",
                success: function(data) {
                alert("Success!!!");
                }
            });
        }

Answer 1

Вы пытаетесь передать 'monitor' методу change, но на самом деле вызываете его. Это должно выглядеть так (без паренов)

var target = $('#txtBarcode'), val = target.val();
        target.change(monitor);
        function monitor() {

Вы также всегда можете объявить это встроенным:

 var target = $('#txtBarcode'), val = target.val();
        target.change(
             function() {
                 $.ajax({
                  type: "POST",
                  contentType: "application/json; charset=utf-8",
                  data: "{}",
                  url: "HomePage.aspx/SearchProduct",
                  dataType: "json",
                  success: function(data) {
                             alert("Success!!!");
                           }
                 });
             });

Answer 2

1. Добавить обработчик ошибок.
2. Убедитесь, что ваш относительный URL-адрес правильный.

 $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            url: "HomePage.aspx/SearchProduct",
            dataType: "json",
            success: function(data) {
            alert("Success!!!");
            },
            error: function(XMLHttpRequest, textStatus, errorThrown)
            {
              // ...
            }
        });

РЕДАКТИРОВАТЬ: Дэн прав насчет вашего обработчика изменений.

Answer 3

Вы можете скопировать некоторые ответы, опубликованные здесь, и, по крайней мере, один из них, вероятно, сработает, но вы не получите глубоких знаний о том, почему. Вот еще один способ:

1. Поскольку вы используете asp.net, поставьте точку останова в первой строке HomePage.aspx / SearchProduct. Это гарантирует, что запрос переходит к нужному URL на сервере.

2. Пройдите весь этот метод, чтобы убедиться, что не возникает исключение.

3. Используйте FireFox и установите Firebug (даже если вы нацелены на IE и не собираетесь запускать его на FF). Вы можете проверить HTTP-ответ.
4. Добавьте обработчик ошибок в дополнение к обработчику успеха.