PHP+JQUERY操作JSON实例_PHP教程

PHP+JQUERY操作JSON实例

2021-05-05 15:17Falling Leaves PHP教程

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

本文实例讲述了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 name="name" id="name" type="text" value=""><br/>

									性别：<input name="sex" id="sex" type="text" value=""><br/>

									年龄：<input name="age" id="age" type="text" value="">

									<input type="submit" name="submit" id="submit" value="提交">

									<div style="font-size:14px;" id="view">

									</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;

									?>