jquery利用json实现页面之间传值的实例解析
117
2024-02-09
本文实例讲述了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="http://www.gimoo.net/t/1804/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;
?>
PS：这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.gimoo.net/code/json
JSON在线格式化工具：
http://tools.gimoo.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.gimoo.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.gimoo.net/code/jsoncodeformat
C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.gimoo.net/code/ccode_html_css_json
更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP中json格式数据操作技巧汇总》、《PHP数学运算技巧总结》、《PHP基本语法入门教程》、《PHP数组(Array)操作技巧大全》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家PHP程序设计有所帮助。
