如何在javascript中调用url？_Javascript_Html_Url_Frontend

如何在javascript中调用url？

javascript html url

如何在javascript中调用url？,javascript,html,url,frontend,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://ec

我正在为应用程序创建前端，我需要调用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();

            }


//要调用的urlhttp://eclipsewildflyserver-gobanit.com/rest/something/id=1 
函数getList（）{
var name=url.getItem（“说明”）；
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>


$.getJSON（'http://eclipsewildflyserver-gobanit.rhcloud.com/AssignToolWebApp/rest/id=1，函数（数据）{
变量名称=数据；
document.getElementById（“name”）.innerHTML=name.toString（）；
});

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

检查jquery库的json处理示例。在普通JavaScript中有一些使用getJson ajax方法的简单示例，您应该使用XMLHttpRequest对象。这里有解释

使用jQuery也可以通过以下方式轻松完成：

$.get(yourURL, function(your_response){/*Do whathever you want with your_response*/})

您有一个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
});

只需将此url替换为相关url。

当前代码存在一些问题。首先，在脚本标记中有head标记。第二，您告诉浏览器在主体加载时运行“getList（）”函数，但没有定义“getList（）”函数。我想你的意思是这是你的API调用

我不确定你打算如何处理这些数据。我相信您不是要将JSON转换为字符串，然后将整个JSON的内容设置为h1元素。您可能需要从对API的$.getJSON调用返回的JSON中解析所需的内容。你可以稍后再解决

按如下方式修改代码，以成功调用API并将生成的JSON加载到h1标记中：

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

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

</script>
</head>
<body>
<div id="TopHeader">
    <div id="header" class="container">
        <div id="menu">
            <ul>
                <h1 id="name"></h1>
            </ul>
        </div>
    </div>
</div>


window.onload=$.getJSON（'http://eclipsewildflyserver-gobanit.rhcloud.com/AssignToolWebApp/rest/id=1，函数（数据）{
document.getElementById（“name”）.innerHTML=data.toString（）；
});


您将不得不使用Ajax调用，或者考虑使用jQuery来让您自己更容易。我应该把它放在函数GETLISH（）中还是在外部？