号码归属地查询

最新推荐文章于 2018-07-23 20:42:52 发布

尔霜水也

最新推荐文章于 2018-07-23 20:42:52 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/nycqwert/article/details/36903723

版权

第一种：在循环列表中执行替换电话号码时接口的使用（注：是替换循环出来的电话号码的，直接将电话号码的那个标签的class属性值设为phones就可以了）

$(function() {
	var ajax = function() {
		$(".phones").each(function(e, i) {
			$.ajax({
				url: "http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=" + i.innerHTML,
				//这里是从html标签中获取的电话号码，前面的链接是接口地址
				dataType: "jsonp",
				jsonp: "callback",
				success: function(datas) {
					if (i.innerHTML != '') {
						i.innerHTML = i.innerHTML + " (归属地：" + datas.province + "" + datas.catName + ")";
					}
				}
			});
		})
	}
	ajax();
});

第二种：点击查看效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>
			小池编程的博客
		</title>
		<script type="text/javascript" language="javascript" src="http://www.njxblog.com/wp-content/uploads/2014/10/jquery.js">
		</script>
		<script type="text/javascript">
			$(function() {
				$("#search").click(function() {
					$.ajax({
						url: "http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=" + $("#phone").val(),
						//这里是从html标签中获取的电话号码，前面的链接是接口地址
						dataType: "jsonp",
						jsonp: "callback",
						success: function(datas) {
							if ($("#phone").val() != '') {
								$("#dizhi").html("归属地：" + datas.province + "" + datas.catName);
							}
						}
					});
				});

			});
		</script>
	</head>
	<body>
		手机号码：
		<input type='text' id="phone">
		<input type="button" id="search" value="    查 询   ">
		<br />
		<div id="dizhi">
			地址是：
		</div>
	</body>

</html>

转自：www.njxblog.com