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 相关文章推荐
十天学会php(1)
Oct 09 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
May 29 PHP
php邮件发送的两种方式
Apr 28 PHP
php获取远程文件内容的函数
Nov 02 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
Mar 05 PHP
提交表单后 PHP获取提交内容的实现方法
May 25 PHP
PHP设置images目录不充许http访问的方法
Nov 01 PHP
php file_get_contents取文件中数组元素的方法
Apr 01 PHP
PHP实现图片的等比缩放和Logo水印功能示例
May 04 PHP
PHP单例模式数据库连接类与页面静态化实现方法
Mar 20 PHP
Thinkphp5.0框架视图view的循环标签用法示例
Oct 12 PHP
laravel实现上传图片的两种方式小结
Oct 12 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学习笔记 数组的常用函数
2011/06/13 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
同步异步动态引入js文件的几种方法总结
2016/09/23 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
python读写ini文件示例(python读写文件)
2014/03/25 Python
Python缩进和冒号详解
2016/06/01 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
Django框架封装外部函数示例
2019/05/28 Python
python通过txt文件批量安装依赖包的实现步骤
2019/08/13 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
Python @property及getter setter原理详解
2020/03/31 Python
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
护理专业推荐信
2013/11/07 职场文书
简单的大学生自我鉴定
2014/02/18 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
教师师德师风自我剖析材料
2014/09/29 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
决心书格式范文
2015/09/23 职场文书
2019入党申请书格式
2019/06/25 职场文书