PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收
2014-09-24 23:33
1011 查看
PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收
首先认识jQuery的语法格式:
$("#sub").click(function(){
$.post("要处理数据的PHP页面", 要传输的数据(可为单个数据、数组,json等格式), function(data)(回调函数){
alert(data);//进行回调函数调用成功后处理的模块,此为输出返回的数据
},"json");//
若回调函数返回的是json格式的数据,则要在此处加上"json"返回的数据类型,否则不写
});
然后认识json数据格式:
{name1:value1,name2:value2,......}
具体步骤:
1、从html页面中把数据传输到PHP页面中:
(1)html页面代码:
<input id="buy_data1">
//传输到php页面的数据
<input id="buy_data2">
<input type="submit" name="sub" id="sub" value="看一看" onClick="look()">
<span id="info">
用来显示从php返回的数据
</span>
(2)js代码:
function look()
{
$("#sub").click(function(){
var buy_date1 = $("#buy_date1").val();
var buy_date2 = $("#buy_date2").val();
if (buy_date1 == "" || buy_date2 == "")
{
alert("信息不完整");
return;
}
$.post("sum.php", {buy_date1:$("#buy_date1").val(),buy_date2:$("#buy_date2").val()}, function(data){
alert(data);
},"json");
});
}
(3)php页面代码:
<?php
$buy_date = $_POST['buy_date1'];
$buy_date2 = $_POST['buy_date2'];
echo '时间1:' . $buy_data1 . '时间2' . $buy_data2;
总结:
点击”看一看“按钮,调用look()方法,以json格式传递数据$buy_data1和$buy_data2到php,如果成功,则返回数据$buy_data1和$buy_data2并输出到前端。
2、利用回调函数,接收从PHP页面返回来的json数据格式,并显示到当前页面:
(1)php页面代码:
$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
echo json_encode($arr);
(2)js代码:
function look()
{
$("#sub").click(function(){
$.post("demo.php", function(data){
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
},"json");
});
}
(3)html页面代码:
<span id="info1">
</span>
<span id="info2">
</span>
<span id="info3">
</span>
总结:
PHP页面的json格式要注意,为:$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
输出形式为:echo json_encode($arr);
js部分的
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
为把返回来的json格式数据解析并输出到相应的span标签当中
首先认识jQuery的语法格式:
$("#sub").click(function(){
$.post("要处理数据的PHP页面", 要传输的数据(可为单个数据、数组,json等格式), function(data)(回调函数){
alert(data);//进行回调函数调用成功后处理的模块,此为输出返回的数据
},"json");//
若回调函数返回的是json格式的数据,则要在此处加上"json"返回的数据类型,否则不写
});
然后认识json数据格式:
{name1:value1,name2:value2,......}
具体步骤:
1、从html页面中把数据传输到PHP页面中:
(1)html页面代码:
<input id="buy_data1">
//传输到php页面的数据
<input id="buy_data2">
<input type="submit" name="sub" id="sub" value="看一看" onClick="look()">
<span id="info">
用来显示从php返回的数据
</span>
(2)js代码:
function look()
{
$("#sub").click(function(){
var buy_date1 = $("#buy_date1").val();
var buy_date2 = $("#buy_date2").val();
if (buy_date1 == "" || buy_date2 == "")
{
alert("信息不完整");
return;
}
$.post("sum.php", {buy_date1:$("#buy_date1").val(),buy_date2:$("#buy_date2").val()}, function(data){
alert(data);
},"json");
});
}
(3)php页面代码:
<?php
$buy_date = $_POST['buy_date1'];
$buy_date2 = $_POST['buy_date2'];
echo '时间1:' . $buy_data1 . '时间2' . $buy_data2;
总结:
点击”看一看“按钮,调用look()方法,以json格式传递数据$buy_data1和$buy_data2到php,如果成功,则返回数据$buy_data1和$buy_data2并输出到前端。
2、利用回调函数,接收从PHP页面返回来的json数据格式,并显示到当前页面:
(1)php页面代码:
$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
echo json_encode($arr);
(2)js代码:
function look()
{
$("#sub").click(function(){
$.post("demo.php", function(data){
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
},"json");
});
}
(3)html页面代码:
<span id="info1">
</span>
<span id="info2">
</span>
<span id="info3">
</span>
总结:
PHP页面的json格式要注意,为:$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
输出形式为:echo json_encode($arr);
js部分的
$("#info1").text(data.a);
$("#info2").text(data.b);
$("#info3").text(data.c);
为把返回来的json格式数据解析并输出到相应的span标签当中
相关文章推荐
- php操作JSON格式数据的实现代码
- jquery接收PHP传送过来的JSON格式数据以及处理。
- php学习笔记(三十)ajax请求和接收参数的实现方式(包括json数据格式的简单处理)
- php利用json数据实现跨域操作实例
- (转载)利用HttpWebRequest通过POST Json数据在.net后台实现不同平台间的数据传输
- 使用基于Android网络通信的OkHttp库实现Get和Post方式简单操作服务器JSON格式数据
- PHP文件数据传输用jQuery-ajax进行浏览器->服务器->数据文件->服务器->浏览器的数据传输($_POST,$_GET,json_encode(数组数据回应),json数据解析)
- 【php】jquery中$.get实现解析json格式数据及jsonp跨域
- 利用HttpWebRequest通过POST Json数据在.net后台实现不同平台间的数据传输
- php实现post请求 接收android客户端json数据 存储数据库 并返回json
- php操作JSON格式数据的实现代码
- php操作JSON格式数据的实现代码
- 利用HttpWebRequest以POST方式提交Json数据-后台实现不同平台间的数据传输
- C# winform端 通过HttpWebRequest进行post和get请求,数据格式为json,后台java端接收,其中有关传输特殊字符(\t,\r,',\n,n)等处理
- json格式数据取得2- 通过httphandler,从server侧取得 (jquery+ajax实现)
- php接收post的json数据
- php+jquery+ajax+json实现跨域调用 php pdo操作oracle数据库
- 用Jquery处理PHP返回的JSON格式数据的三种方法
- 利用jquery实现Ajax并用json2.js对返回的json进行转换操作
- php 二维数组转 json文本 (jquery datagrid 数据格式)