html页面：

 <p>
 <meta>
 <script></script>
 <script>
  $(function(){
       $("#send").click(function(){
        var cont = $("input").serialize();
        $.ajax({
             url:'ab.php',
             type:'post',
             dataType:'json',
             data:cont,
             success:function(data){
              var str = data.username + data.age + data.job;
              $("#result").html(str);
         }
    });
   });  
  });
 </script>
 
 </p>
 <div>一会看显示结果</div>
 

            

姓名： 

           

年龄：

           

工作：

 

 提交    

/*******************************************/

Synths.Video

Synths.Video是一款将文章、博客和文字脚本转换为 AI 主播视频的内容自动化工具。

下载

php页面：

<?php  header("Content-type:text/html;charset=utf-8");
         $username = $_POST['username'];
         $age = $_POST['age'];
         $job = $_POST['job'];
         $json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
         $json_obj = json_encode($json_arr);
         echo $json_obj;
 ?>

使用post方式

<script>
  $(function(){
   $("#send").click(function(){
       var cont = {username:$("input")[0].value,age:$("input")[1].value,job:$("input")[2].value};
       var url = 'ab.php';
       $.post(url,cont,function(data){
        var res = eval("(" + data + ")");//转为Object对象
       var str = res.username + res.age + res.job;
     $("#result").html(str);
    });
   });  
  });
 </script>

php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！