Подія успіху Ajax не працює

У мене є реєстраційна форма, і я її використовую, $.ajaxщоб подати її.

Це мій запит AJAX:

$(document).ready(function() {
    $("form#regist").submit(function() {
        var str = $("#regist").serialize();
        $.ajax({
            type: 'POST',
            url: 'submit1.php',
            data: $("#regist").serialize(),
            dataType: 'json',
            success: function() {
                $("#loading").append("<h2>you are here</h2>");
            }        
        });
        return false;        
    });
});

У своєму файлі submit1.php я перевіряю наявність поля електронної адреси та імені користувача у базі даних. Я хочу показати повідомлення про помилку, якщо ці значення існують без оновлення сторінки .

Як я можу додати це до зворотного виклику успіху мого запиту AJAX?

Результат, ймовірно, не у форматі JSON, тому коли jQuery намагається проаналізувати його як такий, він не вдається. Ви можете зрозуміти помилку за допомогою error:функції зворотного дзвінка.

Вам, здається, не потрібен JSON у цій функції, так що ви також можете вийняти dataType: 'json'рядок.

Хоча проблема вже вирішена, я додаю це, сподіваючись, що це допоможе іншим.

Я зробив помилку, намагаючись використати функцію прямо на зразок цієї (успіх: OnSuccess (productID)). Але вам потрібно спочатку передати анонімну функцію:

  function callWebService(cartObject) {

    $.ajax({
      type: "POST",
      url: "http://localhost/AspNetWebService.asmx/YourMethodName",
      data: cartObject,
      contentType: "application/x-www-form-urlencoded",
      dataType: "html",
      success: function () {
        OnSuccess(cartObject.productID)
      },
      error: function () {
        OnError(cartObject.productID)
      },
      complete: function () {
        // Handle the complete event
        alert("ajax completed " + cartObject.productID);
      }
    });  // end Ajax        
    return false;
  }

Якщо ви не використовуєте анонімну функцію в якості обгортки, OnSuccess викликається, навіть якщо веб-сервіс повертає виняток.

Я спробував видалити рядок dataType, і це не працювало для мене. Я вирішив проблему, використовуючи "завершений" замість "успіх" як зворотний дзвінок. Зворотний виклик успіху все ще не вдається в IE, але оскільки мій сценарій працює і все одно завершується, це все, що мені важливо.

$.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: someData,
    complete: function(jqXHR) {
       if(jqXHR.readyState === 4) {
          ... run some code ... 
       }   
    }        
 });

в jQuery 1.5 ви також можете зробити це так.

var ajax = $.ajax({
    type: 'POST',
    url: 'somescript.php',
    data: 'someData'
});
ajax.complete(function(jqXHR){
    if(jqXHR.readyState === 4) {
        ... run some code ... 
    }
});

Переконайтеся, що ви не друкуєте (повторюєте чи друкували) будь-який текст / дані до того, як генерувати свої форматовані JSON дані у вашому PHP-файлі. Це може пояснити, що ви отримуєте -надійні 200 ОК-, але ваш успіх у вашому JavaScript все ще не вдається. Ви можете перевірити, що отримує ваш скрипт, перевіривши розділ «Мережа - відповідь» у firebug для POST submit1.php.

Покладіть alert()своєsuccess функції зворотного виклику , щоб переконатися , що вона викликається на всіх.

Якщо це не так, це просто тому, що запит взагалі не був успішним, навіть якщо вам вдалося потрапити на сервер. Причиною може бути те, що закінчується час очікування або щось із вашого PHP-коду викидає виняток.

Встановіть додаток firebug для firefox, якщо ви ще цього не зробили, і перевірте зворотний виклик AJAX. Ви зможете побачити відповідь та незалежно від того, отримала вона чи вдалу (200 ОК) відповідь. Ви також можете помістити інший alert()у complete зворотний дзвінок, до якого обов'язково слід звернутися.

У мене була така ж проблема. це стається тому, що javascriptочікуйте jsonтипу даних при поверненні даних. але якщо ви використовуєте ехо або друк у вашому php, ця ситуація трапляється. якщо ви використовуєте echoфункцію phpдля повернення даних, просто видаліть dataType : "json"роботу досить добре.

Я повертав дійсний JSON, отримуючи відповідь 200 у своєму "повному" зворотному дзвінку, і міг бачити це в хромованій мережевій консолі ... Але я не вказав

dataType: "json"

одного разу я, на відміну від "прийнятої відповіді", фактично вирішив проблему.

Я використовую XML, щоб перенести результат назад з php на сервері на веб-сторінку, і я мав таку саму поведінку.

У моєму випадку причина полягала в тому, що тег закриття не відповідав початковому тегу.

<?php
....
header("Content-Type: text/xml");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>
    <result>
        <status>$status</status>
        <OPENING_TAG>$message</CLOSING_TAG>
    </result>";
?>

У мене виникла ця проблема з використанням функції ajax для відновлення пароля користувача з Magento. Подія успіху не звільнялася, тоді я зрозумів, що було дві помилки:

1. Результат не повертався у форматі JSON
2. Я намагався перетворити масив у формат JSON, але цей масив мав не-utf символи

Тож кожен раз, коли я намагався використовувати json_eoncde () для кодування повертаючого масиву, функція не працювала, оскільки один з її індексів мав не-utf символи, більшість з яких наголошували на бразильських португальських словах.

Я намагався повернути рядок з контролера, але чому управління повертається до блоку помилок не вдалося ajax

var sownum="aa";
$.ajax({
    type : "POST",
    contentType : 'application/json; charset=utf-8',
    dataType : "JSON",
    url : 'updateSowDetails.html?sownum=' + sownum,
    success : function() {
        alert("Wrong username");
    },
    error : function(request, status, error) {

        var val = request.responseText;
        alert("error"+val);
    }
});

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

public function Activity($id)
    {
        $data=getData();
        return
            $this->response->title('title')
                ->layout('layout')
                ->data(compact('data'))
                ->view('view')
                ->output();
    }
after code looks like:
    try {
            $attributes = $request->all();
            //do something
            return $this->response->message('')
                ->code(204)
                ->status('success')
                ->url('url'. $data->id)
                ->redirect();
        } catch (Exception $e) {
            return $this->response->message($e->getMessage())
                ->code(400)
                ->status('error')
                ->url('nothing Wrong')
                ->redirect()
        }

це працювало для мене

У мене була така ж проблема, що я вирішив її таким чином: My ajax:

event.preventDefault();
$.ajax('file.php', {
method: 'POST',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({tab}), 
success: function(php_response){
            if (php_response == 'item') 
                {
                    console.log('it works');
                }
            }
        })

Гаразд. Проблема не у json, а лише у відповіді на php. Раніше: моя відповідь на php була:

echo 'item';

Зараз:

$variable = 'item';
 echo json.encode($variable);

Зараз мій успіх працює. PS. Вибачте, якщо щось не так, але це мій перший коментар на цьому форумі :)

в моєму випадку помилка полягала в тому, що це було на стороні сервера, і тому він повертав HTML

wp_nonce_field(basename(__FILE__), "mu-meta-box-nonce");

Додайте зворотний виклик "помилка" (як і "успіх") таким чином:

$.ajax({
   type: 'POST',
   url: 'submit1.php',
   data: $("#regist").serialize(),
   dataType: 'json',
   success: function() {
      $("#loading").append("<h2>you are here</h2>");
   },
   error: function(jqXhr, textStatus, errorMessage){
      console.log("Error: ", errorMessage);
   }
});

Отже, в моєму випадку я побачив у консолі:

Error:  SyntaxError: Unexpected end of JSON input
  at parse (<anonymous>), ..., etc.

Ви повинні оголосити зворотний дзвінок успіху та помилки. Додавання

error: function(err) {...} 

повинні виправити проблему

Зворотний виклик успіху бере два аргументи:

success: function (data, textStatus) { }

Також переконайтеся, що submit1.phpвстановлює правильний заголовок типу вмісту:application/json