Jquery中的ajax请求

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

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《Jquery中的ajax请求》