我如何使用ajax、query和json加载页面?
问题:如何使用ajax、query和json加载一个页面?
原因:用户想要知道如何使用ajax、query和json来加载一个页面。
解决方法:使用以下代码:
$.get("", function(data){ $('#www').html(data); });
附:我在这个问题上写了一个答案,链接在这里:Loading cross domain html page with jQuery AJAX
问题的出现原因:用户想要通过Ajax、Query和Json加载一个页面,但是在跨域访问的情况下,这个操作会受到限制。
解决方法:使用Whateverorigin.org这个工具来实现跨域访问。
具体实现步骤如下:
1. 在HTML中定义一个div元素,用于显示加载的页面内容。
<div id="Content"> </div>
2. 使用JQuery的getJSON方法来发送一个GET请求,并指定URL为"http://whateverorigin.org/get?url=",后面跟上需要访问的页面的URL,还要加上"&callback=?"。
$.getJSON('http://whateverorigin.org/get?url=' + encodeURIComponent('http://google.com') + '&callback=?', function(data){ $("#Content").html(data.contents); });
3. 在回调函数中,将返回的数据(data.contents)设置为div元素的内容。
参考资料:Whateverorigin.org/