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 相关文章推荐
PHP下escape解码函数的实现方法
Aug 08 PHP
PHP实现微信公众平台音乐点播
Mar 20 PHP
PHP数组相关函数汇总
Mar 24 PHP
php实现从上传文件创建缩略图的方法
Apr 02 PHP
递归实现php数组转xml的代码分享
May 14 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
Jul 28 PHP
CodeIgniter配置之database.php用法实例分析
Jan 20 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
May 04 PHP
php时间计算相关问题小结
May 09 PHP
PHP运行模式汇总
Nov 06 PHP
PHP面向对象程序设计组合模式与装饰模式详解
Dec 02 PHP
PHP中使用OpenSSL生成证书及加密解密
Feb 05 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
PHP4.04简明安装
2006/10/09 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
php去除HTML标签实例
2013/11/06 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
jquery简单体验
2007/01/10 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
使用koa-log4管理nodeJs日志笔记的使用方法
2018/11/30 NodeJs
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
一个基于flask的web应用诞生 用户注册功能开发(5)
2017/04/11 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
python3.4爬虫demo
2019/01/22 Python
Python Django 命名空间模式的实现
2019/08/09 Python
python使用建议与技巧分享(二)
2020/08/17 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
eBay法国购物网站:eBay.fr
2017/10/21 全球购物
自我评价中英文语句
2013/11/30 职场文书
办理护照介绍信
2014/01/16 职场文书
优秀学生获奖感言
2014/02/15 职场文书
2015年入党决心书
2015/02/05 职场文书
党员读书活动心得体会
2016/01/14 职场文书
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA