为什么 AJAX 请求不响应失败或成功？

Question

project/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');
        }
    });
}

project/chk_materialexist.php：

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

我正在使用Microsoft Edge ..我尝试将alert放在脚本中，并且它起作用了。.我尝试了PHP文件，并且单独使用，但Ajax请求没有返回答案。

Answer 1

$.ajax不支持fail 选项，该选项称为error。（它支持返回的 fail方法，但这是不同的。）

将fail更改为error。

Answer 2

这里的问题是 url: ../../chk_materialexist.php,。您需要将报价放在其中。

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