Javascript Ajax请求失败-从服务器检索用户id

我有一个表单，它有一个文本输入字段和一个按钮。在提交表单上，我从文本字段

user

获取值，并对

ajax.php

进行ajax调用，然后让服务器返回

userID

。服务器确实返回了一个值，如控制台中所示。但是我不知道为什么在提交表单后，ajax调用在每个请求上都失败了。我能纠正或改变什么来获得成功

index.php

$('form').submit(function(e) {
     var searchUser = $('input[name="user"]').val();
     var getUser = $.ajax({
        type: "GET",
        url: "ajax.php",
        data: {user: searchUser},
        dataType:'text'
     });
     getUser.done(function( data ) {
        alert(data);
     });
     getUser.fail(function( jqXHR, textStatus, data ) {
        alert( "Request failed: " + textStatus );
     });
});

<form id="search" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="GET">
    <label for="user"> Username:</label><input type="text" name="user" id="user" value="<?php echo $user ?>"><br>
    <button type="submit" id="search">Search</button>
</form>

---

可能数据是以json或jsonp的形式返回的？您已指定数据类型：“text”。如果返回数据类型不同，则会出错。如果您使用的是一个相当新的版本（我认为是2.0或更高版本），那么省略数据类型或指定数据类型：“auto”将允许调用成功。然后，您可以进行调试以确定如何处理响应。

您可以尝试添加如下所示的成功函数：

   $('form').submit(function(e) {

     var searchUser = $('input[name="user"]').val();

    $.ajax({
        type: "GET",
         url: "ajax.php",
         data: {user: searchUser},
         success:function(data){//begin success function

        //do something with the data returned from ajax.php file
        alert(data);

    }//end success function

 });

   $('form').submit(function(e) {

     var searchUser = $('input[name="user"]').val();

    $.ajax({
        type: "GET",
         url: "ajax.php",
         data: {user: searchUser},
         success:function(data){//begin success function

        //do something with the data returned from ajax.php file
        alert(data);

    }//end success function

 });