php+ajax+json 详解及实例代码


Posted in PHP onDecember 12, 2016

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 相关文章推荐
PHP4实际应用经验篇(1)
Oct 09 PHP
php相当简单的分页类
Oct 02 PHP
PHP SEO优化之URL优化方法
Apr 21 PHP
php 团购折扣计算公式
Nov 24 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
Mar 18 PHP
php生成zip文件类实例
Apr 07 PHP
php自动给网址加上链接的方法
Jun 02 PHP
php用户注册信息验证正则表达式
Nov 12 PHP
PHP实现二维数组根据key进行排序的方法
Dec 30 PHP
thinkphp 验证码 的使用小结
May 07 PHP
php 二维数组快速排序算法的实现代码
Oct 17 PHP
php微信公众号开发之秒杀
Oct 20 PHP
解决微信授权回调页面域名只能设置一个的问题
Dec 11 #PHP
Zend Framework数据库操作方法实例总结
Dec 11 #PHP
smarty模板数学运算示例
Dec 11 #PHP
Zend Framework入门应用实例详解
Dec 11 #PHP
Zend Framework前端控制器用法示例
Dec 11 #PHP
Zend Framework路由器用法实例详解
Dec 11 #PHP
Zend Framework分发器用法示例
Dec 11 #PHP
You might like
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
tp5.1 框架数据库-数据集操作实例分析
2020/05/26 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
javascript 写类方式之八
2009/07/05 Javascript
javascript 限制输入脚本大全
2009/11/03 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
python文件和目录操作方法大全(含实例)
2014/03/12 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
优秀志愿者事迹材料
2014/02/03 职场文书
幼儿园运动会加油词
2014/02/14 职场文书
北体毕业生求职信
2014/02/28 职场文书
答谢会策划方案
2014/05/12 职场文书
大学生个人求职信例文
2014/07/07 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
初中班干部工作总结
2015/08/10 职场文书