php+jquery+ajax+json的一個最簡單一實例

來源:互聯網
上載者:User

標籤:utf-8   result   input   set   eth   ade   use   rip   back   

html頁面:

<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type="text/javascript" src="jquery-1.8.2.min.js"></script><script type="text/javascript"> $(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></head><body> <div id="result">一會看顯示結果</div> <form id="my" action="" method="post">  <p><span>姓名:</span><input type="text" name="username" /></p>  <p><span>年齡:</span><input type="text" name="age" /></p>  <p><span>工作:</span><input type="text" name="job" /></p> </form> <button id="send">提交</button></body></html>




php頁面:

<?phpheader("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;?>

 

php+jquery+ajax+json的一個最簡單一實例

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.