jQuery ajax 函数返回错误

Question

说实话，我完全是 jQuery 的初学者，但现在我陷入了困境。我想将数据从 HTML 表单发送到 php，它将数据添加到数据库并返回一些我想在原始 HTML 上显示的值。这是我的代码:

$.ajax({
  type: "POST",
  url: "http://mysite.com/process.php",
  data: { data: mydata },
  cache: false,
  dataType: "text",
  error: function(jqXHR, textStatus, errorThrown){
        alert(jqXHR.status);
        alert(jqXHR.statusText);
        alert(jqXHR.responseText);
    },
  success: function(data){
        getContentBox().innerHTML = data;
}
});

它返回一个 jqXHR 对象，其中 status=0、statusText="error"和空 responseText。但是，我的 php 似乎可以工作，我看到我的数据插入到我的数据库中。我做错了什么？

如有任何帮助，我们将不胜感激。提前致谢!

编辑:Chrome 控制台说XMLHttpRequest 无法加载http://mysite.com/data.php 。产地 http://www.mysite.com Access-Control-Allow-Origin 不允许。

Answer 1

ShelbyZ 的评论让我找到了解决方案:

当我尝试使用绝对 URL 时，浏览器拒绝执行请求，我必须将其写为相对 URL。

$.ajax({
  type: "POST",
  url: "process.php",
  data: { data: mydata },
  cache: false,
  dataType: "text",
  error: function(jqXHR, textStatus, errorThrown){
        alert(jqXHR.status);
        alert(jqXHR.statusText);
        alert(jqXHR.responseText);
    },
  success: function(data){
        getContentBox().innerHTML = data;
}
});

谢谢!