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

hellomynameisA

我正在尝试使用 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 页面,其中包含一个页面/文章的“已加载”维基百科内容

错误:

穆克什·克舒

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

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

Js小提琴在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用MVVM和Retrofit调用api时没有得到我的答复?

如何打印这个我没有得到任何输出火车 api

当我使用POSTMAN对golang api进行POST请求时,我成功地将jwt令牌作为cookie接收到,但是当我从浏览器中获取时,没有得到cookie

为什么运行此功能时我没有得到任何价值(小,中或大)?(我认为我必须使用其他东西代替str())

Google Maps API v3 JS:为什么我没有从该函数得到任何回报?

为什么当我使用cleaned_data时我没有得到干净的数据

在选择查询中使用 DB-API 替换列名时,我没有得到预期的值,而是得到了列名

使用经纬度参数时,按下openweathermap API后未收到任何数据

从javascript调用api没有得到任何响应的错误

使用 where DeviceName -contains 并没有得到任何结果

使用 Moshi 从 Retrofit 调用中没有得到任何结果

当我在Kotlin中使用原始parseList函数时,为什么没有得到正确的结果?

当我使用交替而不是方括号扩展时,为什么在grep中没有得到结果?

当我使用<script src =“ false_ip”>时,为什么在JavaScript中没有得到“ NetworkError”?

当我从 Context 检索值时,我没有得到任何数据

当我刮这个时我没有得到任何输出

我正在尝试使用 powershell 获取大约两天前新创建的 zip 格式的文件,但没有得到任何输出

当我应该从 API 获取响应时没有得到响应?

我没有得到从 javaScript 调用的 JIRA api 的任何响应

谷歌地图的JavaScript API没有得到我任何地址

使用 apollo 客户端创建 React 应用程序没有得到任何响应

我正在使用 getElementById 从此 API 获取数据,但是当我运行它时它没有返回表中的任何内容

当我使用 Genius API 时,它没有给我完整的歌词

当我尝试通过我的应用程序注册时,我没有得到任何响应

当我尝试使用sstream和facet将Boost Time_duration转换为字符串时,我没有得到所需的格式

从计算机visio调用ocr api时我没有得到预期的结果

当我的输入变量超过 1 个字符时,为什么我没有得到任何结果?

当我将 ngFor 与 json 对象一起使用时,我没有得到输出文件

使用 mapstruct 从 DTO 映射到实体时,为什么我没有得到 id?