CORS跨域详解

发布时间：2020-12-16 03:27:39 所属栏目：百科来源：网络整理

导读：废话少数，直接上代码！！！！！！！！！！ html: !DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titleDocument/titlescriptsrc="http://cdn.bootcss.com/jquery/3.1.1/jquery.js"/script/headbodyulid="list"/ulscriptvarurl="http://japi.juhe.cn/tv/g

废话少数，直接上代码！！！！！！！！！！

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;

?>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!