api1.html
<!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" xml:lang="en"><head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript">
$(function(){
$('button').click(function(){
//ajax事件
var phone=$('input').val();
//console.log(phone); 在控制台中输出,并不影响后续脚本的执行
var data={phone:phone};
var str='';
$.get('http://www.study.com/seven7/1410phpB/api1.php',data,function(msg){
str+='手机号码来自'+msg['result']['province'];
alert(str)
$('div').html(str);
$('div').css({'border':1,'background':'red','width':200,'height':200});
},'json')
});
});
</script>
</head>
<body>
请输入电话号码:<input type="" name='phone'/><button>查询</button>
<div></div>
</body>
</html>
api1.php
<?php
header('content-type:text/html;charset=utf-8');
//调用手机号码归属地接口
$key='219115226980fdba88355b511465d30c';
$phone=$_GET['phone'];
//调用XML格式的数据接口
/*
$url="http://apis.juhe.cn/mobile/get?phone={$phone}&key={$key}&dtype=xml";
$obj=simplexml_load_file($url);
$str=json_encode($obj);
$data=json_decode($str,true);
var_dump($data);
//echo '手机号码来自'.$data['result']['province'];
echo $str;
*/
$url="http://apis.juhe.cn/mobile/get?phone={$phone}&key={$key}";
$str=file_get_contents($url);
echo $str;