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+MYSQL的文章管理系统(二)
Oct 09 PHP
PHP排序之二维数组的按照字母排序实现代码
Aug 13 PHP
解析PHP中的unset究竟会不会释放内存
Jul 18 PHP
使用php实现截取指定长度
Aug 06 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
Apr 10 PHP
smarty模板局部缓存方法使用示例
Jun 17 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
Mar 18 PHP
PHP安全上传图片的方法
Mar 21 PHP
PHP中的流(streams)浅析
Jul 02 PHP
PHP常用设计模式之委托设计模式
Feb 13 PHP
解析PHP之提取多维数组指定列的方法
Jan 03 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
Oct 19 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实现数组递归转义的方法
2014/08/28 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
React注册倒计时功能的实现
2018/09/06 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
详细介绍Python函数中的默认参数
2015/03/30 Python
Python数据存储之 h5py详解
2019/12/26 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
如何打开WebSphere远程debug
2014/10/10 面试题
如何写毕业求职自荐信
2013/11/06 职场文书
优秀实习自我鉴定
2013/12/04 职场文书
篮球比赛口号
2014/06/10 职场文书
2014离婚协议书范文
2014/09/10 职场文书
学生检讨书怎么写
2014/10/09 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python
mysql 子查询的使用
2022/04/28 MySQL