jquery ajax的问题

PHP服务端,如果我想在一个网页上无刷新的显示用户名该怎么显示?还有如何使用json格式?主要还是怎么使用json格式呢?这里可以显示用户名可是是文本格式

这是我的ajax2.html代码

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试ajax</title>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
     $("#username").blur(function(){
      $.ajax({
           type:"POST",
         url:"ajax2.php",
         data:"username=" + $("#username").val(),
         success:function(data){
           $("div").html(data);
         }

      });

     });

    });
    </script>
</head>
<body>
<form action="ajax2.php" method="post">
      用户名字:<input type="text" name="username1" id="username">
      <div>这里显示要改变的html</div>
      </br>
      用户密码:<input type="password" name="password"><br>
      电子邮件:<input type="text" name="email"></br>
      <input type="submit" value="用户注册">
      </form>
</body>
</html>

这是我的ajaxq2.php代码

<?php
$username=$_POST['username'];
echo $username;
 

?>
阅读 3.4k
3 个回答

https://segmentfault.com/q/10...

var data = {a: 1, b: 2};

$.ajax({
   url: "/",
   type: "post",
   contentType: "application/json",
   data: JSON.stringify(data)
});

注意JSON.stringify

首先,我发现你代码有两处错误:
1、 $.ajax({

     type:"POST",
     url:"ajax2.php",
     //data:"username=" + $("#username").val(),    
     data:{    //此处应传一个键值对
     username:$("#username").val()
     },
     success:function(data){
       $("div").html(data);
     }

2、<?php
$username=$_POST['username']; //此处的username应为username1
echo $username;
?>

新手上路,请多包涵

对于你的修改不敢认同,你的第一个是有问题的,第一处jQuery是允许使用字符串形式的,可以不用传递对象格式的参数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进