jquery利用jsonp 解决跨域问题

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.2.1.js"></script>
</head>
<body>
<input type="button" value="获取跨域问题" id="send"/>
<textarea id="text" style="width: 400px; height: 100px;"></textarea>


<script>
$(function(){
$('#btn').click(function(){
// alert(11)
$.ajax({
url:"http://118.184.36.105/p2p/GetScore",
type:"GET",
dataType: "jsonp",
success:function(data){
var result = JSON.stringify(data);
console.log(result);
$("#text").val(result);
}
})

})


$('#send').click(function(){
$.ajax({
url:"http://118.184.36.105/p2p/GetScore",
dataType:'jsonp',
success:function(data){
if(data.status){
alert(data.msg);
}
console.log(data)
$("#text").val(data);
}
})

})
})
</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/yaomengli/p/9203351.html