gpt4 book ai didi

ajax - 跨域ajax调用

转载 作者:行者123 更新时间:2023-12-02 05:13:34 25 4
gpt4 key购买 nike

我尝试使用 native javascript 进行跨域 ajax 调用,并且它可以使用任何 jsonp 技术,我想知道它是如何实现的。我读到由于安全风险无法进行跨域 ajax 调用

<html>
<head>

<script type="text/javascript">



function loadXMLDoc()
{
url=document.getElementById('url_data').value;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>

<h2>AJAX</h2>
<div id="myDiv"></div>

<input type"text" id="url_data" value="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20flickr.photos.info%20where%20photo_id%3D'2186714153'&format=json"/>

<button type="button" onclick="loadXMLDoc()">Request data</button>
</body>
</html>

谁能帮帮我

最佳答案

该站点具有 Access-Control-Allow-Origin: * 响应 header ,它允许来自任何 (*) 站点的跨域请求。

这使得服务器忽略安全风险并发送响应。但是,我建议您使用脚本标记和回调而不是 xhr 来请求数据,这是请求 JSONP 的标准方法(即 jQuery 的 $.getJSON 函数)。它更可靠。

关于ajax - 跨域ajax调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3161377/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com