ajax跨域问题

Question

<button type="button" id="show">省</button>
<input type="" name="" class="done" value="" />
<button type="button" onclick="">市</button>
<button type="button" onclick="">县</button>

$(document).ready(function () {
$("show").click(function () {
$.ajax({
dataType:'jsonp',//HTTP请求类型
type:'GET',
url: 'http://levelapi.elizhuo.cn/api/common/getCountryKeyValueList',
timeout:10000,
jsonpCallback: "handleCallback",
}).done(function(data) {
$('#result').val(data);
})
})
})

this.$http.jsonp('http://levelapi.elizhuo.cn/api/common/getCountryKeyValueList', {
params: {},
jsonp: 'handleCallback'
}).then((res) => {
console.log(res);
})
最后这串代码是vue.js里的，为什么我点击按钮后还是无法显示json数据

Answer 1

1:vue 引入错误了
2:
$("#show"),不是 $("show")
3: jquery 引入了嘛? ,或者把contenttype 删除了

Answer 2

這個API回應的 httpheader 不包含 Access-Control-Allow-Origin
代表不允許跨域呼叫喔

Answer 3

你jsonp中指定的callback是“ handleCallback”，你可以看一下你的后端返回的callback是否与之相同

Answer 4

报什么错误？

Answer 5

看下后端是否允许跨域请求