前端關鍵程式碼(需要下載jquery-3.3.1)：

<script src="js/jquery-3.3.1.min.js"  type="text/javascript"></script>
    <script>
    $(function(){
        $("#btn").click(function(){
                var my_data="前端變數";            
                $.ajax({
                    url: "translate.php",  
                    type: "POST",
                    data:{trans_data:my_data},
                    error: function(){  
                        alert('');  
                    },                   
                    complete:function()
                    {
                        //location.href = "index.php?trans_data=" + my_data;
                    },  
                    success: function(data){//如果呼叫php成功                                                
                        var dataObj=eval("("+data+")");
                        alert(dataObj.name);
                    } 
                });
        });            
    });     

    </script>

......

<form action="translate.php" method="post">
      <input type="text" name="title" value="標題"/>
      <input id="btn" type="button" value="點選"/>

</form>

後臺translate.php程式碼：

<?php
    header('Content-Type: text/html; charset=UTF-8'); 
    $backValue=$_POST['trans_data'];
    $info = array('name' =>'張三','sex'=>'男');
    if(isset($backValue)){
        echo json_encode($info);
    }

我準備用以上方式來進行介面的開發。加油！！！