HTML5跨域请求Uncaught SyntaxError: Unexpected token

最新推荐文章于 2025-05-30 16:54:03 发布

原创最新推荐文章于 2025-05-30 16:54:03 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #跨域

本文通过一个简单的HTML页面示例介绍了如何利用jQuery的AJAX方法以JSONP方式跨域从服务器获取数据。该方法适用于需要进行跨域数据请求的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

懒得多说直接上代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
<input type="button" value="从服务器获取数据" id="btn" />

</body>

</html>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

document.getElementById("btn").onclick = function() {
$.ajax({
type: "get",
url: "http://m2.qiushibaike.com/article/list/suggest?page=1&type=refresh&count=30&callback=jQuery11110017538199282051803_1501481265118&_=1501481265119",
dataType: 'jsonp',
async: false,
error: function() {
alert('请求超时');
},
success: function(datatext) {
var json=JSON5.parse(datatext);
alert(json.toString());
}
});

}
// var sp = document.createElement("script");
// sp.src = "http://m2.qiushibaike.com/article/list/suggest?page=1&type=refresh&count=30"
// document.body.appendChild(sp);
// }
</script>