快捷導(dǎo)航

php+ajax+json 詳解及實(shí)例代碼

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

php中使用ajax獲取數(shù)據(jù)是網(wǎng)站開(kāi)發(fā)中經(jīng)常要用到的，本文章想大家介紹php+ajax+json的一個(gè)最簡(jiǎn)單實(shí)例，對(duì)于新手來(lái)說(shuō)學(xué)習(xí)php+ajax有一定的幫助,需要的朋友可以參考下

php+ajax+json 實(shí)例代碼

html頁(yè)面：

<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">一會(huì)看顯示結(jié)果</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頁(yè)面：

<?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 + ")");//轉(zhuǎn)為Object對(duì)象
   var str = res.username + res.age + res.job;
  $("#result").html(str);
  });
 }); 
 });
</script>

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

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