Почему запрос AJAX не отвечает ни на неудачу, ни на успех?

Question

Проект / add.html:

<input type="text" id="txtmaterialname" class="form-control" name="txtName">

проект / активы / JS / script.js:

 $(document).ready(function() {
       $('#txtmaterialname').on('focusout',function(){
           var materialname = $("#txtmaterialname").val();
           checkmaterial(materialname);
       });
 });

function checkmaterial(materialname)
{
    $.ajax({
        url: '../../chk_materialexist.php',
        type:'post',
        data:{materialname: materialname},
        success: function(data){
          alert(data);
        },
        fail: function(xhr, textStatus, errorThrown){
           alert('request failed');
        }
    });
}

Проект / chk_materialexist.php:

 <?php
      if(isset($_POST['materialname']))
      {
         $materialname = $_POST['materialname'];
             echo "$materialName";
      }
      else
        echo 'noo';
   ?>

Я использую Microsoft Edge .. Я попытался вставить alert в скрипт, и он работал .. Я попробовал файл PHP, и он работал один, но запрос AJAX не дал ответа.

Answer 1

Проблема здесь url: ../../chk_materialexist.php,.Вы должны поместить в это кавычки.

url: '../../chk_materialexist.php',

Answer 2

$.ajax не поддерживает параметр fail , параметр называется error. (Он поддерживает fail метод в том, что возвращает, но это не так.)

Изменить fail на error.