jsonp跨域
今天研究了一下jsonp跨域的问题,做了个小例子,记录一下
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html跨域</title>
<script type="text/javascript">
function fnCallBack(response){
var sProvince = response.province;
var iAreaId = response.areaVid;
var sType1 = response.carrier;
var sType2 = response.catName;
var iTeleString = response.telString;
var oDivShow = document.getElementById('show_content');
oDivShow.innerHTML = "<p>号码"+iTeleString+"归属地:"+sType2+"/"+sType1+"</p>";
}
function fnCheckPhone(){
var _script = document.createElement('script');
var iTxtNumber = document.getElementById('txt_tel').value;
_script.src="http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=" + iTxtNumber + "&callback=fnCallBack";
document.body.appendChild(_script);
}
</script>
</head>
<body>
<input type="text" id="txt_tel" />
<input type="button" value="查询" id="btn_check" onclick="fnCheckPhone()" />
<div id="show_content"></div>
</body>
</html>