<!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){
console.log(msg);
}
});
});
});
</script>
</head>
<body>
手机号：<input id='phone' type="text" style="200px;padding: 5px" placeholder="请输入你的手机号"/>
<br/><br/>
<input id="b2" type="button" value="提交手机号"/>
</body>
</html>