非常简单的ajax查询不起作用

Question

我知道我是 ajax 新手，但我已经连续 2 个小时尝试这个查询了。

我要连接的网站是 http://cbsserver.zni.in/dnd/?phone=xxxxxxxxxx&apikey=xyz 在此我们必须发布一个我拥有的私有 api 密钥和一个手机号码来检查状态。要测试它，请使用 phone = '9999052908' & '9810241604' 和 api_key = 'c115da3fcad11daa26dbbfd4f06387d8' 我使用的代码如下

JQUERY

var dnd_api_key = c115da3fcad11daa26dbbfd4f06387d8
    $('input#check_for_dnd').click(function() {
                $.post("http://cbsserver.zni.in/dnd/",
            {
            phone:"9999052908",
            apikey: dnd_api_key
            },
      function(data,status){
        alert(status + "data:" + data);
      });

HTML

<input type="button" id="check_for_dnd" name="check_for_dnd" value="CHECK DND STATUS" />

请告诉我哪里出错了..

Answer 1

您不能 - 一般来说，没有 JSONP 和 CORS 等例外 - 对远程 url 进行 ajax 调用。

尝试在请求页面的服务器上使用“代理文件”（例如，用 PHP 编写）。然后对位于您服务器上的此代理文件进行 ajax 调用。

这可能看起来像这样（如果服务也可以使用 GET 请求，否则您必须使用流或 CURL）：

$result = file_get_contents("http://cbsserver.zni.in/dnd/?phone=xxxxxxxxxx&apikey=xyz");
echo $result;

将此文件保存在您的服务器上并像您一样使用 ajax 请求它：

$('input#check_for_dnd').click(function() {
                $.post("my_proxy_file.php",
      function(data,status){
        alert(status + "data:" + data);
      });