Jquery Load（）不起作用（我认为不是href#、JSON或某些语法错误） 功能加载内容（e）{ document.getElementById（'profile-tab-contents'）。innerHTML+='一些新内容！'； $（“#配置文件选项卡内容”）。加载（'http://jsonview.com/example.json）；--这行不行 var x=document.getElementsByClassName（“活动”）； x[0].className=“”； document.getElementById（“e”）.className=“活动”； }

称之为：

function load_contents(e){
  document.getElementById('profile-tab-contents').innerHTML += '<br>Some new content!';
  $('#profile-tab-contents').load('http://jsonview.com/example.json'); --This LINE does not work
  var x = document.getElementsByClassName("active");


  x[0].className = "";

  document.getElementById("e").className = "active";


}

我给它取了个恰当的名字：

<li role="presentation" id="awards-tab"><a href="#" onclick="load_contents(this)">Awards</a></li>

仅链接框架：

<div id="profile-tab-contents">            
        </div>

我尝试了这里发布的其他示例，但不起作用，我不知道为什么

---

请帮助，谢谢。

检查您的开发工具（F12），看看是否出现CORS错误……好的，我马上就做，显然添加“一些新内容”是有效的，所以我猜这只是一些jquery问题XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“null”。我在我的电脑上用我自己的html进行了尝试，但它不起作用，而且OxMLHttpRequest无法加载file:///C:/Users/shimao/Desktop/getit/public/sample-portfolio.html。跨源请求仅支持协议方案：http、data、chrome、chrome extension、https、chrome-extension-resource.Yep。这是一种新技术，称为CORS（跨源资源共享）。它允许网站阻止对其文件的调用，除非允许通过（通常通过API和密钥）进行调用。您有时可以通过jsonp请求JSON文件来解决这个问题。请查看此处了解更多信息：或在此处了解有关使用CORS的jsonp的更多信息：

<script src="jquery-1.12.0.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">