為什么源碼放在編輯器里,就顯示不了加載后的內(nèi)容,是跨域嗎,該如何解決
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>使用getJSON()方法異步加載JSON格式數(shù)據(jù)</title>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? </head>
? ??
? ? <body>
? ? ? ? <div id="divtest">
? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? <span class="fl">我最喜歡的一項(xiàng)運(yùn)動(dòng)</span>?
? ? ? ? ? ? ? ? <span class="fr">
? ? ? ? ? ? ? ? ? ? <input id="btnShow" type="button" value="加載" />
? ? ? ? ? ? ? ? </span>
? ? ? ? ? ? </div>
? ? ? ? ? ? <ul></ul>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(document).ready(function(){
? ? ? ? ? ? ? ?$('#btnShow').bind('click',function(){
? ? ? ? ? ? ? ? ? ?$.getJSON('http://idcbgp.cn/data/sport.json',function(data){
? ? ? ? ? ? ? ? ? ? ? ?$(this).attr('disabled','true');
? ? ? ? ? ? ? ? ? ? ? ?$.each(data,function(index,sport){
? ? ? ? ? ? ? ? ? ? ? ? ? ?if(index==3)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$('ul').append('<li>'+sport['name']+'</li>')
? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ?})
? ? ? ? ? ? ? ? ? ?})
? ? ? ? ? ? ? ?})
? ? ? ? ? ? })
? ? ? ? </script>
? ? </body>
</html>
2017-03-01
跨域問題我也不懂,估計(jì)要本地成功,要自己寫json放到xampp打開
2017-02-25
Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access
跨域出問題了吧