JQuery中ajax跨域问题

var url = "http://apis.juhe.cn/idcard/index?key=e0a6277420506b2816b82f7d7821976c&cardno="+$(this).val();
$.ajax(url, {
dataType: "json",
crossDomain: true,
success: function(data) {
alert(data)
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("1-"+XMLHttpRequest.status);
alert("2-"+XMLHttpRequest.readyState);
alert("3-"+textStatus);
}
});

在测试上面代码的时候，老报这个错误： No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. 然而网上查了一下这是ajax的跨域问题。找了两小时的bug之后，后面才发现把dataType的属性值改成 jsonp就行了。