jQuery技术

PHP+JQUERY操作JSON实例【站长博客网】

字号+ 作者:H5之家 来源:H5之家 2017-04-12 16:02 我要评论( )

这篇文章主要介绍了PHP+JQUERY操作JSON的方法,结合具体实例形式分析了php+jQuery结合ajax实现json格式数据操作的相关技巧,需要的朋友可以参考下

相关推荐:    

  • php获取POST数据的三种方法实例详解
  •     
  • YII框架中搜索分页jQuery写法详解
  •     
  • Centos 6.5系统下编译安装PHP 7.0.13的方法
  •     
  • php 反斜杠处理函数addslashes()和stripslashe
  •     
  • PHP简单实现冒泡排序的方法
  •     
  • PHP实现表单提交时去除斜杠的方法
  •  

    本文实例讲述了PHP+JQUERY操作JSON的方法。分享给大家供大家参考,具体如下:

    json.html 代码:

    <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>PHP Json传输数据</title> </head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#submit").click(function(){ var text = $("input").serialize(); $.ajax({ 'type':"POST", 'url':'json_encode.php', 'dataType':'json', 'data':text, success:insertData }); }); }); function insertData(data){ var str = "姓名="+data.name+"<br/>性别="+data.sex+"<br/>年龄="+data.age; $("#view").html(str); } </script> <body> 姓名:<input type="text" value=""><br/> 性别:<input type="text" value=""><br/> 年龄:<input type="text" value=""> <input type="submit" value="提交"> <div> </div> </body> </html>

    json_encode.php 代码

    <?php header("Content-type:text/html;charset=utf8"); include("Json.php"); $name = $_POST['name']; $sex = $_POST['sex']; $age = $_POST['age']; $json_arg = array('name'=>$name,'sex'=>$sex,'age'=>$age); $json = new JSON; $json_result = $json->encode($json_arg); echo $json_result; ?>

    PS:这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

    在线JSON代码检验、检验、美化、格式化工具:

    JSON在线格式化工具:

    在线XML/JSON互相转换工具:

    json代码在线格式化/美化/压缩/编辑/转换工具:

    C语言风格/HTML/CSS/json代码格式化美化工具:

    更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP中json格式数据操作技巧汇总》、《PHP数学运算技巧总结》、《PHP基本语法入门教程》、《PHP数组(Array)操作技巧大全》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

    希望本文所述对大家PHP程序设计有所帮助。

    Tag标签:  jQuery  PHP  JSON  

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 第19章jQuery Mobile移动开发

      第19章jQuery Mobile移动开发

      2017-04-12 16:05

    • 搜狐课堂,你值得更好的工作

      搜狐课堂,你值得更好的工作

      2017-04-12 10:01

    • jQuery背景插件backstretch使用指南

      jQuery背景插件backstretch使用指南

      2017-04-12 09:03

    • 【转载】分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

      【转载】分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

      2017-04-11 13:06

    网友点评