Ajax通信操作JSON数据实战

JSON数据操作

server2.php

<?php

//1

$member['username'] = "aseoe";

$member['password'] = "aseoe";

$do = $_REQUEST['do'];

//2

$members['1']['username'] = "爱思资源网";

$members['1']['password'] = "aseoev";

$members['2']['username'] = "极速设计";

$members['2']['password'] = "jisu";

$members['2']['address'] = "南京市";

$members['third']['members']['address'] = "南京市";

//3

class addressClass{

    public $address = array();



    public function setAddress($array){

        $this->address = $array;

    }



    public function getAddress(){

        return $this->address;

    }

}

$addressObj = new addressClass();

$addressObj->setAddress($members);

switch($do){

    case "first":

    echo json_encode($member);

    break;



    case "second":

    echo json_encode($members);

    break;



    case "third":

    echo json_encode($addressObj);

    break;



}

?>

前台显示

<!DOCTYPE HTML>

<html>

    <head>

        <title>php-JSON2</title>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width">

        <script src="http://www.aseoe.com/statics/js/jquery-1.10.2.min.js" type="text/javascript"></script>

        <script type="text/javascript">

        $("document").ready(function (){

            var url = "server2.php";

            var data = {"do":"first"};



            $.getJSON(url,data,function(res){

                $("#username").val(res.username);

                $("#password").val(res.password);

            });



            var data = {"do":"second"};

            $.getJSON(url,data,function(res){



            $("#members").val(res[1].username);

            $("#members").val(res.third.members.address);

            });



            var data = {"do":"third"}

            $.getJSON(url,data,function(res){

            $("#address").val(res.address[1].username);

            })

        });



        </script>

    </head>

    <body>

        <h2>一维数组</h2>

        <input type="text" name="username" id="username" /> <br />

        <input type="password" name="password" id="password" /> <br />



        <h2>多维数组</h2>

        <textarea id="members">

        </textarea>



        <h2>对象</h2>

        <textarea id="address">

        </textarea>

    <script type="text/javascript">



    </script>



    </body>

</html>

时间： 2024-12-29 14:28:57

Ajax通信操作JSON数据实战的相关文章

php基于jquery的ajax技术传递json数据简单实例_php技巧

本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法.分享给大家供大家参考,具体如下: html页面: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.mi

Ajax与用户交互的JSON数据存储格式

数据存储是JavaScript的核心功能,这是一个在学习前期的一个容易让人迷惑的问题.它并不是那种像页面滑动.幻灯片展示.淡入淡出等吸引人眼球的特效.适当的存放好数据,就有利于我们组织起结构,又能使应用程序稍后访问这些内容更加容易.JavaScript提供了各种不同的数据存储方式,它是一个从基本到未来走向的演化模式: XML代表可扩展标记语言,是一种比较灵活的数据格式,很多应用程序存储数据都喜欢用到它,结构像HTML,也包含元素,标签以及属性,模型都一样.它的一大优势在于它是一种可扩展的格式,你

解决Ajax加载JSon数据中文乱码问题

一.问题描述使用zTree的异步刷新父级菜单时,服务器返回中文乱码,但项目中使用了SpringMvc,已经对中文乱码处理,为什么还会出现呢? 此处为的异步请求的配置: Java代码 async: { enable: true, url: basePath + '/sysMenu/listSysMenu', autoParam: ["id=parentId"] } SpringMvc中文字符处理: Java代码 <mvc:annotation-driven> <mvc

Ajax异步请求JSon数据(图文详解)_AJAX相关

上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行处理,今天就说说,JSON数据请求过程中的一些细节: 友情提醒本文所需工具和原料如下: wamp或lamp环境.jquery.js.编辑器具体方法/步骤请看下面: 1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图:

php-新手，关于PHP操作JSON数据的问题。不胜感激！

问题描述新手,关于PHP操作JSON数据的问题.不胜感激! 我通过 WebService调用了一个接口, 它返回来的是一个xml文件.文件内容是这样的形式: (不好意思,个人信息不允许透露).我不会PHP ,在网上找了下,用file_get_contents("接口网址")获取了图上的{}中的内容.现在我怎么去操作才能获取json的参数.比如我要获取status的值进行判断? 已经研究了几天,网上也找了好久.望大神指点,小弟不胜感谢!(C币只能这个了.T _ T) 再补充一下:我将取

ajax获取后台json数据

问题描述 ajax获取后台json数据后台代码如下: protected void Page_Load(object sender EventArgs e) { if (!IsPostBack) { tuxing(); } } public string tuxing() { DataTable dt = new Eastea.BusLogic.GraphicalGet().Getgraphical(); StringBuilder JsonString = new StringBuilder

jQuery通过ajax方法获取json数据不执行success的原因及解决方法_jquery

1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法解决方案:使json格式务必符合下述3个标准写法: 1)键名称:用双引号括起: 2)字符串:用双引号括起: 3)数字,布尔值不需要使用双引号括起 : 注意:一定是双括号! 2.jQuery中ajax使用json数据类型总是跳过success执行error语句执

Jquery Ajax 异步处理Json数据.

啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面网页特效能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法方法一:(微软有自带Ajax框架) 在Asp.net里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using System.Web.Services 空间然后定义静态方法(方法前加上 [WebMethod]) [WebMethod] public static string ABC(string ABC

AJAX如何接收JSON数据示例介绍_AJAX相关

简介在我们了解如何使用AJAX返回JSON数据的时候要先明白下列几点 1. JSON如何来表示对象的 2. JSON如何来表示数组的复制代码代码如下: var object = { "labId": "1", "labName": "服装" }; 通常我们使用如上的方式来表示JSON对象,那么数组呢复制代码代码如下: var array = [{ "labId": "1", &