Question

此代码块适用于client.html（位于此www.client.com/client.html） - 客户端。

我的代码如下：

 ajaxRequest.open("GET", "http://www.server.com/ajax.php", true);

这就是我如何调用位于服务器中的文件ajax.php。不幸的是我没有运气。它无法连接到我正在呼叫的服务器。顺便说一句，我一直在使用的ips /测试网站都没有限制，所有人都可以访问。

但是，我尝试通过将client.html和ajax.php放在同一个站点来模拟它并且运行良好。

所以我的问题是，只有当你在同一个网站时，这个脚本才有效吗？或者它也在客户端 - 服务器场景中工作？为了使这项工作，我还需要做些什么呢？

// client.html

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){
    var ajaxRequest;  // The variable that makes Ajax possible!

    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            document.myForm.time.value = ajaxRequest.responseText;
        }
    }
    ajaxRequest.open("GET", "http://www.server.com/ajax.php", true);
    ajaxRequest.send(null); 
}

//-->
</script>



<form name='myForm'>
Name: <input type='text' onChange="ajaxFunction();" name='username' /> <br />
Time: <input type='text' name='time' />
</form>
</body>
</html>

// ajax.php

 <?php

  echo date("H:i:s"); 

  ?>

Answer 1

出于安全原因，浏览器会关注same origin policy。因此，您将无法向其他域发出AJAX请求。

如果您可以控制服务器，则可以发送允许跨域AJAX的special headers。否则我认为你必须找到不同的方法。

您可以做的另一件事是向您的页面添加一个脚本，其源代码位于www.server.com上。然后在源中，您可以传输数据，例如通过将其分配给新变量。通过这种方式，您不受跨域限制的约束，但只能执行GET请求（而不是POST，PUT，DELETE ......）。此外，还需要与服务器进行一些协作。与AJAX请求不同，服务器不会吐出任何页面，但必须输出有效的javascript。

通常服务器实际上用JSON编码数据，并将其传递给给定的函数，因此响应可能看起来像

someCallback({foo: 'bar', bar: 'foo'});

此技术称为JSONP，您可以找到更多详细信息here。

我可以使用此Ajax脚本在客户端和服务器之间进行通信和交换数据吗？

1 个答案: