我正在尝试让这个 ajax 方法正常工作，但是由于某种原因，我的成功函数将无法执行，并且我无法从服务器检索信息。如果有人能告诉我我做错了什么，我将不胜感激。我的代码如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="jquery3_2_1.js" type="text/javascript"></script>
<script src="Test.js" type="text/javascript"></script>
</head>
<body>
<form class="ajax">
<input type="hidden" name="Item" value="Chicken">
<input type="hidden" name="Price" value="2.99">
<input type="hidden" name="Qty" value="5">
<button type="submit">ADD TO CART</button>
</form>
<div id="response1"></div>
</body>
</html>
我的服务器代码在这里:
<?php
//UpdateCart.php
echo "This is a test.";
?>
这是我的 jquery:
$(document).ready(function(){
$('form.ajax').submit(function(){
alert('Trigger');
$.ajax({
type: "post",
url: "UpdateCart.php",
dataType: "text",
success: function(response){
$('#response1').html('reponse variable equals: '+response);
},
error:function(){
$('#response1').html('in error function');
}
});//end ajax function
});//end submit function
});//end ready function
当我运行代码时，错误函数总是被执行，并且我永远不会到达代码的成功函数 block 。我尝试将 dataType 更改为 html 但是，这不起作用。我用 on 函数替换了提交函数并使用了提交参数，但我仍然无法在成功函数中执行任何代码。但是，当我删除监听提交事件的代码时，我能够达到我的成功功能。但是，我不希望我的程序出现这种行为。我希望能够通过提交事件控制对服务器的请求。当我在浏览器的开发人员控制台中检查网络标记时，我没有从错误函数中返回任何错误，也没有看到任何内容。我什至尝试查看 apache 的访问和错误日志，但是我没有看到任何错误或代码通信的任何迹象。有什么建议吗？
附:感谢所有的建议。只是为了澄清一下，这是我尝试的第一件事。我检查了服务器和浏览器之间传输的流量，但没有看到从服务器返回所请求的信息。我怀疑 ajax 方法一开始并没有发送请求，但是，请求正在发出。我将统一请求标识符从一个代码复制并粘贴到下一个代码，因此我知道它是正确的。我取出了 action 属性，因为我的应用程序使用 html 中的代码提供的统一请求定位器而不是 ajax 方法中的属性提供的 url 来调用服务器。我什至检查了 apache 的访问和错误日志，看看是否可以看到任何可能发生的 http 错误，但是没有迹象表明我的浏览器和服务器之间有任何流量。我尝试使用“event.preventDefault();”但这也不起作用。我在具有提交事件监听器的代码块中使用了该函数；我把它放在代码块的末尾，但它仍然不起作用。我很困惑，不知道自己做错了什么。
最佳答案
使用浏览器开发人员模式，然后查找“网络”选项卡，您可以在其中看到您的方法正在执行的调用以及响应。在那里您将找到导致错误的原因。您需要解决这些问题才能克服您的问题。
关于javascript - ajax方法将不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47889338/