php中ajax和json簡單的使用

時間 2019-11-13

標籤 php ajax json 簡單使用欄目 PHP 简体版

原文原文鏈接

程序代碼：php

<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:css