起风网1.demo.html，通过get方式发送ajax请求
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>jquery demo02</title>
</head>
<body>
用户名：<input type=”text” name=”user” value=”12343r4″><br>
</body>
<script src=”./jquery.1.12.js”></script>
<script type=”text/javascript”>
//DOM加载完成自动调用
$(document).ready(function(){
//失去焦点事件
$(“:input[name=user]”).blur(
function(){
var user=$(“:input[name=’user’]”).val();
//Jquery ajax get方式应用
$.get(‘check.php’,{‘user’:user},function(data){
//data为形参，json数据接收使用.来接收
if(data.error){
alert(data.msg);
}
},’json’)//定义响应的数据类型为json
})
})
</script>
</html>
2. check.php：向前端传递json数据
<?php
$user=$_GET[‘user’];
//模拟后台
if(true){
$data[‘error’]=1;
$data[‘msg’]=$user.”用户已经存在！”;
}else{
$data[‘error’]=0;
$data[‘msg’]=””;
}
//给前台返回json串
echo json_encode($data);
?>
原文链接：https://blog.csdn.net/living_ren/article/details/78906362
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
评论前必须登录！
立即登录