Jquery中的ajax请求

最新推荐文章于 2024-07-15 22:52:27 发布

living_ren

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量182

点赞数

分类专栏： JS 文章标签： javascript jquery

本文链接：https://blog.csdn.net/living_ren/article/details/78906362

版权

JS 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

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);
?>