CORS跨域详解

前端之家收集整理的这篇文章主要介绍了CORS跨域详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

废话少数,直接上代码!!!!!!!!!!

html:

<!DOCTYPEhtml>
<htmllang="en">
<head>
<Metacharset="UTF-8">
<title>Document</title>
<scriptsrc="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
</head>
<body>
<ulid="list"></ul>
<script>
varurl="http://japi.juhe.cn/tv/getCategory?key=1e90c38759b2271714f60133b04f75c4"
varstr="";
$.ajax({
type:"get",contentType:"application/json;charset=utf-8;",dataType:"json",url:"ajax.PHP",success:function(data){
varlen=data.result.length;
//console.log(data.result.name)
for(vari=0;i<len;i++){
varli="<lidata-id="+data.result[i].id+">"+data.result[i].name+"</li>";
//console.log(`${data.result.name}123`)
//varli=`<lidata-id=${data.result[i].id}>${data.result[i].name}</li>`
str+=li;
}
$("#list").html(str);
}
})
</script>
</body>
</html>

2.PHP文件

<?PHP
//cors跨域
//设置请求头部信息啊
header("Access-Control-Allow-Origin:*");
//设置跨域方式
header("Access-Control-Allow-Method:GET");
//读取数据的地址
$URL="http://japi.juhe.cn/tv/getCategory?key=1e90c38759b2271714f60133b04f75c4";
//读取数据
$html=file_get_contents($URL);

echo$html;

?>

猜你在找的Ajax相关文章