<!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">
$(function(){
$("#b2").click(function(){
// 用异步的形式来提交数据给服务器
<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">
$(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);
}
});
//提交方式使用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>
</head>
<body>
手机号：<input id="phone" type="text" style=" width: 200px;padding: 5px;" placeholder = "请输入手机号"/>
<input id="b2" type="button" value=" 提交手机号" / >
</body>
</html>
</head>
</head>
<body>
手机号：<input id="phone" type="text" style=" width: 200px;padding: 5px;" placeholder = "请输入手机号"/>
<input id="b2" type="button" value=" 提交手机号" / >
</body>
</html>