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中在数据库中保存Checkbox数据(2)
Oct 09 PHP
初探PHP5
Oct 09 PHP
php上传图片到指定位置路径保存到数据库的具体实现
Dec 30 PHP
对PHP语言认识上需要避免的10大误区
Jun 12 PHP
laravel安装和配置教程
Oct 29 PHP
smarty内置函数foreach用法实例
Jan 22 PHP
分享自定义的几个PHP功能函数
Apr 15 PHP
常用PHP封装分页工具类
Jan 14 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
Apr 07 PHP
PHP+Ajax实现的博客文章添加类别功能示例
Mar 29 PHP
php实现大文件断点续传下载实例代码
Oct 01 PHP
php的lavarel框架中join和orWhere的用法
Dec 28 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
PHP中for循环与foreach的区别
2017/03/06 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
ajax 文件上传应用简单实现
2009/03/03 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
js简单倒计时实现代码
2016/04/30 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
Vue.use源码学习小结
2018/06/20 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
2020/08/14 Javascript
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
员工激励培训演讲稿
2014/09/16 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫