Javascript 使用api，但当我按下按钮时没有得到任何回报_Javascript_Jquery_Ajax_Api_Wikipedia

Javascript 使用api，但当我按下按钮时没有得到任何回报

javascript jquery ajax api

Javascript 使用api，但当我按下按钮时没有得到任何回报,javascript,jquery,ajax,api,wikipedia,Javascript,Jquery,Ajax,Api,Wikipedia,我试图使用WikipediaAPI，通过点击按钮获取页面内容。我的代码似乎不起作用。我做错了什么？我看了一些教程，但我无法让代码正常工作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

我试图使用WikipediaAPI，通过点击按钮获取页面内容。我的代码似乎不起作用。我做错了什么？我看了一些教程，但我无法让代码正常工作

<!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页面，其中已经加载了Wikipedia的一页/一篇文章的内容

错误：

出现${data.query.pages[dataNum].title}已解决

与处的跨站点资源关联的cookie未设置SameSite属性。Chrome的未来版本将只提供带有跨站点请求的cookie，前提是这些cookie设置为SameSite=None且安全。您可以在应用程序>存储>cookies下查看开发人员工具中的cookies，并在和中查看更多详细信息。几乎解决了，至少页面功能正常：D

由于您正在单击id，因此需要使用go。你能试着用-

$('#go').click(()

在您使用的url中，param prop有一个不正确的值，即extract:missing s它应该是：prop=extracts，您单击handler应该使用go找到正确注册handler的按钮我添加了一个js fiddle。您可以在success函数中打印数据，查看您正在解析的值是否有响应。您可以将&prop=extracts添加到url。这是工作-它的伟大！谢谢顺便说一句，如果我只需要这篇文章的一部分，比如导言或者一个单独的章节呢？你对此也有什么建议吗？看到这个了吗-