1

我想削减 HTML 网页中的 JSON URL 数据并将其显示在页面上，我正在使用以下代码。

我想在段落 div 中显示 JSON 数据。

<script>
  function gContent(){
    alert('working');

    $.getJSON('http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?                 organizationCode=att&userId1&', function(data) {
       alert(data);
       $(".paragraph").html(data);
    });
  }
</script>
4

5 回答 5

1

同样，您尝试$.each使用 jQuery 添加以从响应中获取每个 fieldData。

 <script>
      function gContent(){
        alert('working');

        $.getJSON('http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?organizationCode=att&userId1&', function(data) {
           $.each(data, function(i, fieldData){

            $("p").append(fieldData + " ");  //appending fieldDatas to paragraph tag

          });
        });
      }
    </script>
于 2013-09-16T10:49:22.310 回答
1

您不能使用getJSON必须调用同一个域来调用另一个域。您可以通过以下方法之一解决此问题：

  1. 如果您有权访问第二个域，则可以添加 Access-Control-Allow-Origin标头
  2. 如果您有权访问第二个域您可以将请求更改为JSONP并添加回调
  3. 如果您无权访问第二个域，则必须使用后端语言，例如，您PHP可以创建一个新页面， 然后在您的 javascript 中调用您的。calling_the_url.phpfile_get_contents('url');calling_the_url.php
于 2013-09-16T10:40:24.607 回答
1 
 Origin null is not allowed by Access-Control-Allow-Origin.

这是由于同源策略而尝试从其他网站/域获取数据时通常会收到的消息。为了克服这个问题，我们采用两种主要方法：

您可以使用 JSONP 轻松获取数据。如果需要，您可以使用 CORS，您需要其他网站在其标题中允许您的网站。

在 JSONP 回调中，应该小心您提供的 url。存在回调值的 url 不应包含除 jsonp 回调函数之外的任何其他元素。即，该页面的第一个元素（即使它最初不应该有任何 html 标签），应该是你给出的 jsonp 回调函数。

于 2013-09-16T12:58:17.010 回答
0

你可以试试这个：

jQuery.parseJSON('{"name":"John"}');
于 2013-09-16T10:35:02.317 回答
0

您可以使用JSON.stringify(), 将数据作为字符串打印到 DOM。

$(".paragraph").html(JSON.stringify(data));

检查这个http://jsfiddle.net/cc8HX/

于 2013-09-16T10:38:33.210 回答