如何使用jQuery或纯JavaScript从URL(REST API)到UI获取JSON数据? [英] How to get JSON data from the URL (REST API) to UI using jQuery or plain JavaScript?
问题描述
我有一个URL"http://localhost:8888/api/rest/abc"，它将提供以下json数据.我想使用Jquery或Java脚本在UI中获取此数据.我正在尝试几个小时，但无法解决.请提出一些解决方案，以帮助我解决此问题.
I have a URL "http://localhost:8888/api/rest/abc" which will give following json data. I wants to get this data in my UI using Jquery or java script. I'm trying this from couple of hours but I'm unable to resolve it. Please Suggest me few solutions which will help me to resolve this problem.
{
"My-user": [
{
"link": [
{
"href": "http://localhost:8888/api/rest/abc/MI/CH",
"rel": "self",
"type": "application/my.My.My-user+xml",
"title": "rln"
},
{
"href": "http://localhost:8888/api/rest/cabin?MI=mi&CH=ch",
"rel": "some relation",
"type": "application/my.My.My-cabin+xml",
"title": "rln1"
}
],
"My-user-list": [
{
"name": "cuba",
"Explanation": "bark"
}
],
"CH": "ch",
"MI": "mi",
"password": "xyz",
},
{
"link": [
{
"href": "http://localhost:8888/api/rest/abc/DD/KN",
"rel": "self",
"type": "application/my.My.My-user+xml",
"title": "rln"
},
{
"href": "http://localhost:8888/api/rest/cabin?DD=dd&KN=kn",
"rel": "some relation",
"type": "application/my.My.My-cabin+xml",
"title": "rln1"
}
],
"My-user-list": [
{
"name": "Cuba1",
"Explanation": "bark1"
}
],
"KN": "kn",
"DD": "dd",
"password": "xyz1",
}
]
}
我尝试过Getjson，但对我来说不起作用，这是下面的代码.如果代码错误，请更正我.
I have tried Getjson which is not working out for me this is my code below Please correct me if the code is wrong.
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$.getJSON('/api/rest/abc', function(data) {
console.log(data);
});
</script>
</head>
<body>
</body>
</html>
推荐答案
将这样的ajax请求发送到您的js服务器中，并在成功函数中获得结果.
Send a ajax request to your server like this in your js and get your result in success function.
jQuery.ajax({
url: "/rest/abc",
type: "GET",
contentType: 'application/json; charset=utf-8',
success: function(resultData) {
//here is your json.
// process it
},
error : function(jqXHR, textStatus, errorThrown) {
},
timeout: 120000,
});
在服务器端将响应作为json类型发送.
at server side send response as json type.
并且您可以为您的应用程序使用 jQuery.getJSON .
And you can use jQuery.getJSON for your application.
这篇关于如何使用jQuery或纯JavaScript从URL(REST API)到UI获取JSON数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
