为什么我的Jquery Ajax调用失败错误0?

Question

我试图使用下面的代码发送ajax请求，但我一直得到错误0消息。我很确定url是有效的，但我只是想知道如果代码是好的，因为我第一次尝试，改变由导师提供的模板。如有任何建议，不胜感激。

$('#submitOne').click(function() {
$.ajax({
url: "http://localhost/alistairJenkins/task/php/getCountryCode.php",
type: 'POST',
dataType: 'json',
data: {
lat: $('#latOne').val(),
lng: $('#lngOne').val()
}})
.done(function(result) {
console.log(result);
if (result.status.name == "ok") {
$('#txtResult').html(result['data']);
}
})
.fail(function(jqXHR, textStatus, errorThrown) {
var errorMsg = jqXHR.status + ' : ' + textStatus + errorThrown;
alert("Error - " + errorMsg);
})
})

Answer 1

下面是演示$.ajax()与公共JSON资源的使用的工作代码片段:

$('#submitOne').click(function() {
$.ajax({
// url: "http://localhost/alistairJenkins/task/php/getCountryCode.php",
url: "https://jsonplaceholder.typicode.com/users",
type: 'POST',
dataType: 'json',
data: {
lat: $('#latOne').val(),
lng: $('#lngOne').val()
}}) 
.done(function(result, textStatus, xhr) {
console.log(result);
if (xhr.status===201) $('#txtResult').text(result.id);
})
.fail(function(jqXHR, textStatus, errorThrown) {
var errorMsg = jqXHR.status + ' : ' + textStatus + errorThrown;
alert("Error - " + errorMsg);
}) 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="latOne" value="52.373920">  <input id="lngOne" value="9.735603"> 
<button id="submitOne">go</button><br>
<div id="txtResult"></div>

.status属性可以在xhr对象(.done()事件处理程序中回调函数的第三个参数)中找到。201表示成功。