CI3.x 使用json，配合easyui，

其实很简单，走了很多的弯路，

首先在ci的控制器重，建立2个方法，一个用于显示加载view，一个用于echo json，就可以了。

需要注意的是，在ci的配置中config文件中，要配置base_url ,而且，在引用时localhost和127.0.0.1不能互用，

这一段，是ci的php控制器中的方法

public function demojson()

    {

        $this->load->database();

        $query = $this->db->query('select id,nav_name,nav_desc from nav');

        $row = $query->result_array();

        $json = json_encode($row);

        echo $json;

    }

public function demo2()

    {

        $this->load->view("demo2.html");

    }
 
这是view文件，其中的site_url文件，为test。
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>demo2</title>

    <link rel="stylesheet" href="http://localhost/easyui/themes/default/easyui.css">

    <link rel="stylesheet" href="http://localhost/easyui/themes/icon.css">

    <script type="text/javascript" src="http://localhost/easyui/jquery.min.js"></script>

    <script type="text/javascript" src="http://localhost/easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="http://localhost/public/demo2.js"></script>

</head>

<body>

    <?php echo  site_url("demo/demojson"); ?>

    <table id="dg"></table>

</body>

</html>
 
这个是demo2.js文件，url在引用数据的时候，只需要传递方法名，传值，即可。
$(function(){

    $('#dg').datagrid({

            url:'demojson',

        columns:[[

            {field:'id',title:'id',width:100},

            {field:'nav_name',title:'name',width:200},

            {field:'nav_desc',title:'描述',width:300}

        ]]

    });

});

最终运行结果：

CI笔记6 json 传值的更多相关文章

  1. C# Json传值与解析

    最近接触了工作室的项目,觉得一个功能的实现有点不好,心想不能就动手改了下,做了才知道我的js是多么的渣,功能是这样的: 我要实现的功能就是当选择学院时,就放松get请请求到后台,后台返回json信息再 ...

  2. CI 笔记7，easyui 异步加载

    在做后台导航时,需要异步加载,pid和id的循环问题,在controller中,建立另外一个方法,嵌套循环,查找是否pid〉1. public function nav_list() { $this- ...

  3. JSON 传值 textarea中虚拟换行功能

    遇到错误的袭击, 错误出现,使用jquery中ajax进行查询数据时执行完以后,需要把数据封装成为JSON类型的数据,并传递到前台去的时候出现Invalid JSON 错误,经查找后发现是在使用tex ...

  4. springmvc学习笔记(18)-json数据交互

    springmvc学习笔记(18)-json数据交互 标签: springmvc springmvc学习笔记18-json数据交互 springmvc进行json交互 环境准备 加入json转换的依赖 ...

  5. CI 笔记，使用 json的参考文档（废弃）

    Json的处理转换, Json转换步骤, a)         先设置json为空字符串, b)         While循环,遍历, While(!!$row = mysql_fetch_arra ...

  6. json传值以及ajax接收

    一开始进入公司,做起项目来比较不知所措,现在一个月过去了,越来越得心应手,下面是json向前端传值以及前端ajax接收,给自己记下也分享给大家. 这是两个类型不同的json与ajax的数据交互(集合. ...

  7. Android学习笔记之JSON数据解析

    转载:Android学习笔记44:JSON数据解析 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,为Web应用开发提供了一种 ...

  8. 第一天的CI笔记

    1 CI不区分大小写2. http://xxx.com/index/[控制器名称]/[控制器里面方法的确名称]/[传入方法的参数 ]/ 3. 控制器及控制器类名称与文件名称一致, 继承 CI_Cont ...

  9. AngularJS 学习笔记值post传值

    问题直接调用$http.post()方法时 传值格式是这样的 php接收端接收到的是json格式的,怎么做的跟Ajax post那样传值呢? 分析原因,angular的$http.post()方法默认 ...

随机推荐

  1. 如何设置SVN提交时强制添加注释

    windows版本: 1.新建一个名为pre-commit.bat的文件并将该文件放在创建的库文件的hooks文件夹中 2.pre-commit.bat文件的内容如下: @echo off set S ...

  2. codeforces --- 279C Ladder

    C. Ladder time limit per test 2 seconds memory limit per test 256 megabytes input standard input out ...

  3. 我记录综合系统学习研究之用户管理五（如何利用wojilu打造一个全新的SNS应用）

    wojilu框架特别适合快速开发多用户分享内容应用,比如知乎,digg这类应用. 对于博客等用户程序,要有4个入口:1)用户展示入口(展示自己的应用) 2)用户后台管理入口(管理自己的应用) 3)聚合 ...

  4. bzoj 4016 [FJOI2014]最短路径树问题（最短路径树+树分治）

    4016: [FJOI2014]最短路径树问题 Time Limit: 5 Sec  Memory Limit: 512 MBSubmit: 426  Solved: 147[Submit][Stat ...

  5. Bzoj 1726: [Usaco2006 Nov]Roadblocks第二短路 dijkstra,堆,A*,次短路

    1726: [Usaco2006 Nov]Roadblocks第二短路 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 969  Solved: 468[S ...

  6. debmirror镜像站

    如何建立一个Debian镜像网站呢?在Debian的官方网站已经有专门的介绍: http://www.debian.org/mirror/ftpmirror 这是基于rsync软件的方法,网页也提供了 ...

  7. hdoj 3336 Count the string【kmp算法求前缀在原字符串中出现总次数】

    Count the string Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  8. NoSQL数据库的四大分类表格分析

  9. Spring各种注解标签作用详解

    @Autowired和@Resource等注解是将Spring容器中的bean注入到属性,而@Component等注解是将bean放入Spring容器中管理. @Autowired spring2.1 ...

  10. MINA学习之体系介绍

    基于MINA应用程序结构图: 我们可以看出,MINA是应用程序(客户端或服务端)和底层基于TCP,UDP等通讯协议的网络层之间的粘合剂.而且各个模块之间是相互独立的,你只需要在MINA体 系基础上设计 ...