采用Jquery发送跨域请求：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>后台获取结果</h1>
{{ result }}
<h1>JS直接获取结果</h1>
<input type="button" value="XHR数据" onclick="xhrContent();">
<input type="button" value="JSONP数据" onclick="getContent();">
<input type="button" value="Jquery数据" onclick="JqueryContent();">
<div id="container"></div>
<script src="/static/jquery.min.js"></script>
<script>
function JqueryContent(){
$.ajax({
url:"http://www.jxntv.cn/data/jmd-jxtv2.html?_=14543768704003",
type:"POST",
dataType:"jsonp", // 请求格式
jsonp:"callback", // 参数名
jsonpCallback:"list" // 默认回调函数
})
}
function list(arg){
console.log(arg)
}
function xhrContent(){
var xhr = new XMLHttpRequest();
xhr.open('GET','http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=14543768704003');
xhr.onreadystatechange = function(){
console.log(xhr.responseText);
}
xhr.send();
}
function getContent(){
var tag = document.createElement('script');
tag.src= 'http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=14543768704003';
document.head.appendChild(tag); // 表示创建一个标签，并且放到head中
document.head.removeChild(tag);
}
function list(arg){
console.log(arg);
}
</script>
</body>
</html>