点击一个按钮并使用维基百科获得结果 api

Question

我正在尝试使用 wikipedia api 以便通过点击按钮获取页面内容。我的代码似乎不起作用。事实上，当我按下按钮时，我在 return.

中什么也得不到

我做错了什么？我看了一些教程，但我无法让代码运行。

这是我的代码：

<!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 页面，然后找到一些维基百科内容（我的 api 应该从 page/article 中获取）。

错误：

出现“${data.query.pages[dataNum].title}”
与 http://en.wikipedia.org/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032 处的跨站点资源关联的 cookie。

Answer 1

由于您正在点击 id ，因此您需要使用 #go。您可以尝试使用 -

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

Js Fiddle here

点击一个按钮并使用维基百科获得结果 api

Hit a button and get a result using Wikipedia api

javascript

jquery

ajax

api

wikipedia