跨域使用Jquery / Ajax / Json读取远程URL

时间:2012-11-20 11:48:37

标签: json jquery

我有一个HTML页面,我想从中读取位于http://xtremeinspection.com/new2you4kids/app/android/get_product_size.php?productID=113的远程网页

网页返回一个值,具体取决于传递的查询字符串参数productID

我的问题是,因为它的跨域读取数据是使用Jquery / Ajaz / Json或混合所有这些的最佳方法吗?

我在谷歌搜索过但我找不到阅读和在DIV中显示数据的例子。

我正在使用此代码,但它没有显示任何内容

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $.getJSON('http://xtremeinspection.com/new2you4kids/app/android/get_product_size.php?productID=113', function(data){
                    $.each(data, function(i, tweet){
                        $('#tweets').append('<li>' + tweet.text + '</li>');
                        alert(tweet.text);
                    });
                });
            });
        </script>

 <ul id="tweets"></ul>

1 个答案:

答案 0 :(得分:1)

这样的基本示例应该可以帮助您入门:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "gulmarg",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 5 ) return false;
    });
  });

DEMO