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 相关文章推荐
PHPShop存在多个安全漏洞
Oct 09 PHP
php中用文本文件做数据库的实现方法
Mar 27 PHP
PHP的explode和implode的使用说明
Jul 17 PHP
PHP变量赋值、代入给JavaScript中的变量
Jun 29 PHP
修改WordPress中文章编辑器的样式的方法详解
Dec 15 PHP
PHP提取字符串中的手机号正则表达式怎么写
Jul 17 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
Aug 15 PHP
PHP实现的AES双向加密解密功能示例【128位】
Sep 03 PHP
PHP通过文件路径获取文件名的实例代码
Oct 14 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
May 08 PHP
PHP上传图片到数据库并显示的实例代码
Dec 20 PHP
详解phpstorm2020最新破解方法
Sep 17 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中设置时区,记录日志文件的实现代码
2013/01/07 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
yii操作cookie实例简介
2014/07/09 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
composer.lock文件的作用
2016/02/03 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
Js的MessageBox
2006/12/03 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
Python自动扫雷实现方法
2015/07/25 Python
Python Grid使用和布局详解
2018/06/30 Python
python requests post多层字典的方法
2018/12/27 Python
对Python中画图时候的线类型详解
2019/07/07 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
网游商务专员求职信
2013/10/15 职场文书
小学英语教学反思
2014/01/30 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
学校招生宣传广告词
2014/03/19 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
2014年销售经理工作总结
2014/12/01 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
期末个人总结范文
2015/02/13 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers