php+ajax+json 詳解及實例代碼

更新時間：2016年12月12日 08:42:13 投稿：lqh

php中使用ajax獲取數據是網站開發(fā)中經常要用到的，本文章想大家介紹php+ajax+json的一個最簡單實例，對于新手來說學習php+ajax有一定的幫助,需要的朋友可以參考下

php+ajax+json 實例代碼

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頁面：

<?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 type="text/javascript">
 $(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根據數據id自動生成編號的實現方法
下面小編就為大家?guī)硪黄猵hp根據數據id自動生成編號的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
thinkphp3.2框架中where條件查詢用法總結
這篇文章主要介紹了thinkphp3.2框架中where條件查詢用法,總結分析了thinkphp3.2中where條件查詢中常用的各種查詢條件、以及各種復合查詢實現方法,需要的朋友可以參考下
2019-08-08
Laravel框架實現多個視圖共享相同數據的方法詳解
這篇文章主要介紹了Laravel框架實現多個視圖共享相同數據的方法,涉及Laravel框架視圖與控制器數據調用相關操作技巧,需要的朋友可以參考下
2019-07-07
基于PHP函數的操作方法
下面小編就為大家?guī)硪黄赑HP函數的操作方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
PHP內核學習教程之php opcode內核實現
opcode是計算機指令中的一部分，用于指定要執(zhí)行的操作，指令的格式和規(guī)范由處理器的指令規(guī)范指定,通過本文給大家介紹PHP內核學習教程之php opcode內核實現，感興趣的朋友一起學習吧
2016-01-01
php獲取''/''傳參的值簡單方法
下面小編就為大家?guī)硪黄猵hp獲取'/'傳參的值簡單方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
php快遞單號查詢接口使用示例
這篇文章主要介紹了php快遞單號查詢接口使用示例,需要的朋友可以參考下
2014-05-05
thinkPHP5.0框架引入Traits功能實例分析
這篇文章主要介紹了thinkPHP5.0框架引入Traits功能,結合實例形式分析了Traits的概念、功能及thinkPHP5.0中Traits功能的使用方法,需要的朋友可以參考下
2017-03-03
Yii安裝EClientScript插件擴展實現css,js文件代碼壓縮合并加載功能
這篇文章主要介紹了Yii安裝EClientScript插件擴展實現css,js文件代碼壓縮合并加載功能,分析了EClientScript插件的下載、安裝、設置及使用的相關技巧,需要的朋友可以參考下
2016-07-07
實例介紹PHP中zip_open()函數用法
在本篇內容里小編給大家分享了關于PHP中zip_open()函數用法的相關知識點，有需要的朋友們跟著學習下。
2019-02-02