Question

我想在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>

Answer 1

您无法使用getJSON呼叫另一个域，您必须呼叫同一个域。您可以通过以下方式解决此问题：

如果您有权访问第二个域，则可以添加 Access-Control-Allow-Origin标题
如果您有权访问第二个域您可以将请求更改为JSONP并添加回叫
如果您无法访问第二个域，则必须使用例如PHP中的后端语言，您可以创建一个新页面 calling_the_url.php，你file_get_contents('url');和你的calling_the_url.php 您改为调用{{1}}的JavaScript。

Answer 2

同样，您尝试使用jQuery添加$.each以从响应中获取每个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>

Answer 3

 Origin null is not allowed by Access-Control-Allow-Origin.

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

JSONP
CORS

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

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

Answer 4

你可以试试这个：

jQuery.parseJSON('{"name":"John"}');

Answer 5

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

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

检查此http://jsfiddle.net/cc8HX/

如何解析HTML网页中的json URL数据

5 个答案: