php中ajax和json简单的使用

最新推荐文章于 2024-09-12 23:00:00 发布

weixin_34209406

最新推荐文章于 2024-09-12 23:00:00 发布

阅读量61

点赞数

文章标签： php json python

原文链接：https://my.oschina.net/u/1447974/blog/200883

版权

2019独角兽企业重金招聘Python工程师标准>>>

程序代码：

<html>
<head>
<title>AJAX的简单使用</title>
</head>
<script src="../jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function (){
   $("#tijiao").click(function(){
       $.ajax({
          type:"post",                  //数据发送方式
          url:"./returnData.php",        //后台处理程序
          dataType:"json",                //接收数据格式
          data:$("input").serialize(), //序列化提交的值
          success:function(msg){
         // alert(msg.name+msg.password);
             var backdata = "你输入的姓名是:"+msg.name+"<br>你输入的密码是:"+msg.password;
             $("#backdata").html(backdata);
             $("#backdata").css({color:"red"});
          }
       });
   });
});
</script>
<body>
 姓名：<input type="text" id="name" name="name"></br>
 密码：<input type="password" id="password" name="password"></br>
 <span id="backdata"></span></br>
 <input type="button" id="tijiao"  value="提交数据">
</body>
</html>

returnData.php: