我正在尝试使用 wikipedia api 通过点击按钮来获取页面的内容。我的代码似乎不起作用。我究竟做错了什么?我看过一些教程,但我无法使代码正常工作。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie-edge">
<title>Raccolta differenziata</title>
<script src="jquery-3.5.0.js"></script>
<script type="text/javascript" src="funzioniGoto.js"></script>
</head>
<body>
<p> aggiungere api wikipedia :)</p>
<div class="container">
<h1>Wikipedia Search</h1>
<input type="text" id="sTerm" name="search" placeholder="Search..."></input>
<button id='go' type="button">Submit</button>
<div id="data"></div>
</div>
<script>
$('#go').click(() => {
searchTerm = $('#sTerm').val()
$.ajax({
url: 'https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extract&titles='+searchTerm+'&redirects=true',
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json'
},
method: 'GET',
dataType: 'jsonp',
data: '',
success: function(data) {
dataNum = Object.keys(data.query.pages)[0]
$('#data').empty()
$('#data').append('<h1>${data.query.pages[dataNum].title}</h1>') // virgoletta `
$('#data').append(data.query.pages[dataNum].extract)
}
})
})
</script>
</body>
</html>
另外,有没有办法找出发生了什么?刷新浏览器并使用开发人员工具是不够的。
基本上,我的想法是打开一个 html 页面,其中包含一个页面/文章的“已加载”维基百科内容
错误:
出现“${data.query.pages[dataNum].title}”已解决
与http://en.wikipedia.org/上的跨站点资源关联的 cookie设置为没有该SameSite
属性。未来版本的 Chrome 将仅在跨站点请求中使用SameSite=None
和设置 cookie 时才传送 cookie Secure
。您可以在应用程序>存储>Cookies 下的开发人员工具中查看 cookie,并在https://www.chromestatus.com/feature/5088147346030592和https://www.chromestatus.com/feature/5633521622188032 上查看更多详细信息。几乎解决了,至少页面功能正常:D
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句