DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery_ajax的学习</title>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript">
//写jquery 的单一入口
$(function(){
$("#b2").click(function(){
//用异步的形式来提交数据给服务器
$.ajax({
//提交方式使用get
type:'GET',
//提交网址
url:'http://192.168.1.238/ajax.php',
//数据的格式
dataType:'jsonp',
//具体的数据
data:{'phone':$("#phone").val()},
//回调函数
jsonp: 'callback',
//通信成功，打印服务器返回的数据
success:function(msg){
alert(msg.name);
}
});
});
});
</script>
</head>
<body>
您的靓号：<input id="phone" type="text" style=" 200px; padding: 5px" placeholder='请输入您的手机号'/>
<input id="b2" type="button" value="提交手机号"/>
</body>
</html>