Отображать всплывающее предупреждение после ответа Ajax

Question

У меня есть запрос JSON с использованием метода post с использованием ajax в этом коде

$(document).ready(function() {
  $(document).on('submit', '#registration_check', function() {
    var data = $(this).serialize();
    $.ajax({
      type: 'POST',
      url: 'apidomain.com',
      data: data,
      success: function(data) {

        $("#registration_check").fadeOut(500).hide(function() {
          $(".result_1").fadeIn(500).show(function() {
            $(".result_1").html(data);
          });
        });
      }
    });
    return false;
  });
});

ответ вернет 3 поля, такие как имя, адрес электронной почты, телефон для этого элемента:

<div id="result_1"></div>

Пока все работает хорошо, но я хочу, чтобы я планировал отобразить предупреждение или всплывающее сообщение, если в ответе ajax было найдено какое-либо возвращаемое значение null. Например:

1. Если ответ JSON вернет: имя: jhon, электронная почта: jhon@doe.com, телефон: 123456789 пользователь будет перенаправлен на другую страницу (сделано до сих пор)

2. Но если возвращается ответ JSON имя: джейн, электронная почта: jane@doe.com, телефон:

Появится всплывающее окно или предупреждение, в текстовом номере телефона пусто.

Answer 1

Если ваши данные являются объектом JSON, вы можете сделать:

success: function(data) {
  for (var i in data) {
    if (!data[i]) {
      alert(/* MESSAGE HERE */)
      return;
    }
  }

  // Your regular code here
}

Answer 2

Вы можете создать ассоциативный массив ваших значений в php-файле и отобразить его в формате json, например

echo json_encode($array);

. Затем вы получите это в своем ответе ajax, например:

  var objs = JSON.parse(data);

Затем вы можете анализировать значения по ключам, таким как name, email и phone, как вы определили в ассоциативном массиве в вашем php-файле

console.log(objs.name);
console.log(objs.email);
console.log(objs.phone);

Это то, как вы можете анализировать значения индивидуально,Вы также можете применять условия по-своему

Answer 3

Первое, что приходит мне на ум: вам нужен ответ JSON в элементе документа или вы не знаете, как работать с jQuery Ajax?

В любом случае, это решение должно помочь вам воба случая:

$(document).ready(function()
{   
    $(document).on('submit', '#registration_check', function()
    {       
        var data = $(this).serialize();
        $.ajax({
        type : 'POST',
        url  : 'apidomain.com',
        data : data,
        dataType: 'json', // tell jQuery, that the response data will be a JSON - it will be parsed automatically
        success :  function(data)
                   {
                        // now you have a parsed JSON object in the 'data' var

                        var show_alert = false;

                        if (data.phone === null || !data.phone.length) {
                            show_alert = true;
                        }

                        if (data.email === null || !data.email.length) {
                            show_alert = true;
                        }

                        if (show_alert) {
                            alert('here is the alert :)');
                        }

                        $("#registration_check").fadeOut(500).hide(function()
                        {
                            $(".result_1").fadeIn(500).show(function()
                            {
                                $(".result_1").html(JSON.stringify(data));
                            });
                        });

                   }
        });
        return false;
    });
});