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 相关文章推荐
福利彩票幸运号码自动生成器
Oct 09 PHP
PHP 程序员应该使用的10个组件
Oct 31 PHP
深入理解PHP原理之异常机制
Aug 21 PHP
php中拷贝构造函数、赋值运算符重载
Jul 25 PHP
浅析PHP递归函数返回值使用方法
Feb 18 PHP
FireFox浏览器使用Javascript上传大文件
Oct 30 PHP
PHP中使用imagick实现把PDF转成图片
Jan 26 PHP
codeigniter显示所有脚本执行时间的方法
Mar 21 PHP
分享自定义的几个PHP功能函数
Apr 15 PHP
基于php实现的验证码小程序
Dec 13 PHP
php数值转换时间及时间转换数值用法示例
May 18 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
Feb 19 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
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
关于全局变量和局部变量的那些事
2013/01/11 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
微信小程序 slider的简单实例
2017/04/19 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
node内置调试方法总结
2018/02/22 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
详解python基础之while循环及if判断
2017/08/24 Python
使用Python进行目录的对比方法
2018/11/01 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
英国团购网站:Groupon英国
2017/11/28 全球购物
德国家具折扣店:POCO
2020/02/28 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
库房管理员岗位职责
2014/03/09 职场文书
股东协议书
2014/04/14 职场文书
服务承诺书格式
2014/05/21 职场文书
土地租赁意向书
2014/07/30 职场文书
施工安全员岗位职责
2015/04/11 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL