zoukankan      html  css  js  c++  java
  • PHP中利用jQuery操作json格式数据,实现$_POST的数据传输和接收

    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标签当中

  • 相关阅读:
    一种基于HBase韵海量图片存储技术
    八种常用的排序算法
    hibernate session的常用方法解析
    EJB到底是什么,真的那么神秘吗??<转>
    一名实习生在腾讯的感受<很值得一看>
    Jenkins持续集成报告列表显示不正确的问题解决
    Jenkins配置,tomacat版本输出乱码和页面打开报404的问题
    Jenkins部署持续集成远程机节点的问题
    浅析软件测试人员如何对JVM进行内存溢出检测
    python自动化测试,读取excal数据报"'str' object has no attribute 'items'"问题解决
  • 原文地址:https://www.cnblogs.com/fuhuo/p/11230795.html
Copyright © 2011-2022 走看看