Question

jQuery代码

$(document).ready(function(){
  $('.btn').click(function(){
    // get text field value
    var userName = $('.myField').val();
    var emailAddress = 'myemail@server.com';
    // ajax request and response in function
    $.ajax({
      url: 'process.php', 
      type: 'POST',
      data: 'passVarOne='+userName+'&passVarTwo='+emailAddress,
      success:function(responseAnyNameHere) {
        $('.responseArea').html(responseAnyNameHere);
      },
      statusCode:{
        404:function(){
          $('.error').html("Page not found!");
        },
        200:function(){
          $('.error-not').html("Page found! Its okay.");
        }
      }
    }).error(function(){
      $('.error').html("Some error");
    }).success(function(){
      $('.success').html("Success");
    }).complete(function(){
      $('.success').html("Action completed");
    });
  });
});

PHP代码

<?php
    if( isset($_POST['passVarOne']) || isset($_POST['passVarTwo']) ) {
        echo "Response received ... <br>";

        echo "Name: " . $_POST['passVarOne'];
        echo "<br>";
        echo "Email: " . $_POST['passVarTwo'];

    }
?>

jQuery版本是3.3.1

下面的表格，没有表格标签

<input type="text" class="form-control myField"> 
<br>
<button class="btn btn-default">Submit</button>

问题：正在接收响应/结果。但是回拨不起作用。错误消息“ $ .ajax（...）。error不是函数” 我尝试过

.on("error",function(){...}

但没有成功。我尝试过

jQuery.ajax

我尝试过

(function($) { ... })(jQuery);

我尝试过.live，.bind和var jqueryObj = $;还有更多，但回叫不起作用，或者还有其他问题。我正在WAMP Server v2.5上使用它。

我希望.error，.success和.complete能够正常工作。我曾尝试在这里搜索并看到其他线程，但是我发现.error在旧的jQuery版本中已被贬义，但我正在使用新版本。

Answer 1

在jQuery ajax页面上，找到了解决方案。

sqlite

此方法非常有效。做到了，失败了，总是可以工作。

jQuery 3.3.1 $ .ajax函数错误，不是函数错误，成功，完整的回调

1 个答案: