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>

posted on 2014-11-03 10:42  ☆ゞ杰ゞ★  阅读(318)  评论(0编辑  收藏  举报

导航