我正在尝试使用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页面,其中一页/文章的“已加载” wiikipedia内容
错误:
出现“ $ {data.query.pages [dataNum] .title}”” 已解决
与http://en.wikipedia.org/处的跨站点资源关联的cookie被设置为没有SameSite
属性。如果将来的Chrome浏览器版本将Cookie设置为SameSite=None
和Secure
,则仅会发送带有跨站点请求的Cookie。您可以在开发人员工具的“应用程序”>“存储”>“ Cookies”下查看Cookie,并在https://www.chromestatus.com/feature/5088147346030592和https://www.chromestatus.com/feature/5633521622188032上查看更多详细信息。 几乎已解决,至少页面正常运行:D