php基于jquery的ajax技术传递json数据简单实例


Posted in PHP onApril 15, 2016

本文实例讲述了php基于jquery的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程序设计有所帮助。

PHP 相关文章推荐
五款常用mysql slow log分析工具的比较分析
May 22 PHP
PHP中PDO基础教程 入门级
Sep 04 PHP
PHP循环结构实例讲解
Feb 10 PHP
php中hashtable实现示例分享
Feb 13 PHP
PHP使用JSON和将json还原成数组
Feb 12 PHP
PHP实现从远程下载文件的方法
Mar 12 PHP
php内嵌函数用法实例
Mar 20 PHP
PHP实现文件上传和多文件上传
Dec 24 PHP
php添加数据到xml文件的简单例子
Sep 08 PHP
浅谈PHP中new self()和new static()的区别
Aug 11 PHP
在 PHP 和 Laravel 中使用 Traits的方法
Nov 13 PHP
PHP实现递归的三种方法
Jul 04 PHP
PHP6连接SQLServer2005的三部曲
Apr 15 #PHP
php使用pear_smtp发送邮件
Apr 15 #PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
Apr 15 #PHP
php生成图片验证码的方法
Apr 15 #PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
Apr 14 #PHP
php上传大文件设置方法
Apr 14 #PHP
什么是OneThink oneThink后台添加插件步骤
Apr 13 #PHP
You might like
第七章 php自定义函数实现代码
2011/12/30 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
浅谈COOKIE和SESSION区别
2015/07/19 PHP
Yii rules常用规则示例
2016/03/15 PHP
[原创]PHP正则匹配中英文、数字及下划线的方法【用户名验证】
2017/08/01 PHP
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
Python读取网页内容的方法
2015/07/30 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
python使用psutil模块获取系统状态
2016/08/27 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
Python何时应该使用Lambda函数
2019/07/02 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
python用requests实现http请求代码实例
2019/10/31 Python
Python如何计算语句执行时间
2019/11/22 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
小学生读书感言
2014/02/12 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
篝火晚会策划方案
2014/05/16 职场文书
法制宣传标语集锦
2014/06/25 职场文书
委托书的写法
2014/09/16 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
用JS写一个发布订阅模式
2021/11/07 Javascript