javascript - 如何在javascript中调用url?

标签 javascript html url frontend

我正在为应用程序创建前端,我需要调用 api 函数。我有一个来自 api 的 url,它给我这样的 json 数据:

{ "id": 1, "name": "First Like", "description": "Like at least 1", "image": "images/badges/FIRST_LIKE" }

我需要在我的网站中调用其中一些项目。

<script type="text/javascript">
            //url to call http://eclipsewildflyserver-gobanit.com/rest/something/id=1 
        function getList(){

           var name = url.getItem("description");

       document.getElementById("name").innerHTML = name.toString();

            }

我知道我这样做是完全错误的,这是我第一次尝试做这样的事情,所以我非常感谢您的帮助。我应该在哪里以及如何将 url 添加到代码中,以便我可以选择我需要的项目?谢谢

编辑:所以我试着用你给我的想法来代替,但它仍然没有用。谁能告诉我我做错了什么?

    <script type = "texxt/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" language="javascript">


<head>
 $.getJSON('http://eclipsewildflyserver-gobanit.rhcloud.com/AssignToolWebApp/rest/id=1', function (data) {
                var name = data;
                document.getElementById("name").innerHTML = name.toString();

            });

</script>
</head>
<body onload=getList()>
<div id="TopHeader">
    <div id="header" class="container">
        <div id="menu">
            <ul>
                <h1 id="name"></h1>
            </ul>
        </div>
    </div>
</div> 
</body></html>

只是尝试将 JSON 字符串写入页面。不工作。我想我做错了什么。

最佳答案

你有一个 url 可以调用 http://eclipsewildflyserver-gobanit.com/rest/something/id=1 那就是 .json 文件。因此试试这个。 您可以使用 jQuery .getJSON() 函数:

$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) {
    //data is the JSON string
});

只需将此网址替换为您的相关网址即可。

关于javascript - 如何在javascript中调用url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35961947/

相关文章:

javascript - 如何从rails2中的select标签中获取值?

url - Google Apps Script 使用 replaceText() 使文本成为可点击的 URL

javascript - 在 javascript 或 jquery 中,运行函数名称和参数位于 json 对象中的函数的最佳方式是什么?

javascript - 如何将 css 文件包含到 gulp-sass?

html - bootstrap css 搜索框不适合导航栏

java - 从 servlet 读取整个 url

python - 在广泛的 Scrapy Web 爬虫中只允许内部链接

javascript - 解决javascript中的算术字符串?

javascript - 使用 Cookie 记住用户偏好

html - JavaScript 与 CSS