CI笔记6 json 传值

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}
        ]]
    });

});

最终运行结果:

时间: 2024-11-08 22:32:39

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

JQuery easyUI框架(一)—Json传值

JQueryEasyUI是一组基于jQuery的UI插件集合体,而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. easyUI一般通过Json串与后台进行交互,下面具体介绍怎样使用Json. 一.Json JSON:JavaScript 对象表示法(JavaScript ObjectNotation),用于存储和交换文本信息的语法

C# Json传值与解析

最近接触了工作室的项目,觉得一个功能的实现有点不好,心想不能就动手改了下,做了才知道我的js是多么的渣,功能是这样的: 我要实现的功能就是当选择学院时,就放松get请请求到后台,后台返回json信息再来填充班级的信息 C#后台代码: public string ClassToJson( List<Class> Class) { var sb = new StringBuilder(); sb.Append("["); if (Class != null) { foreach

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

springmvc学习笔记(18)-json数据交互 springmvc学习笔记18-json数据交互 springmvc进行json交互 环境准备 添加json转换的依赖 配置json转换器 json交互测试 输入json串输出是json串 输入keyvalue输出是json串 本文主要介绍如何在springmvc中进行json数据的交互,先是环境准备和配置,然后分别展示了"输入json串,输出是json串"和"输入key/value,输出是json串"两种情况下

JSON 传值 textarea中虚拟换行功能

遇到错误的袭击, 错误出现,使用jquery中ajax进行查询数据时执行完以后,需要把数据封装成为JSON类型的数据,并传递到前台去的时候出现Invalid JSON 错误,经查找后发现是在使用textarea文本域进行数据获取并插入到数据库的时候插入了一个回车符号,在获取到以后进行了传递,但是 JSON传值的时候,如果有回车符就会挂掉,需要对其进行处理 JSON 处 使用到的工具jsonlint可以检测出json数据是否正确. http://jsonlint.com/ 经检测后返现在这里出现了

第六十九天上课 text传值,json传值和xml传值

 text传值 : 主页面代码(读取数据库数据) <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>AJAX</title> <script src="js/$Jquery.js"></script> </head> <body> &l

CI 笔记,使用 json

Json的处理转换, Json转换步骤, a)         先设置json为空字符串, b)         While循环,遍历, While(!!$row = mysql_fetch_array($query,MYSQL_ASSOC)) c)         拼接json,$json .= json_encode($row).’,’; d)         减去最后一个逗号,$json = substr($json,0,-1); e)         Echo,json.即可. 猜测,在

json传值以及ajax接收

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

Json传值

一.POST传值方法 public static String SendUlr(String requestUrl,String xml) { String responseStr=""; try { URL url = new URL(requestUrl); HttpURLConnection urlConnection = (HttpURLConnection)url.openConnection(); urlConnection.setDoOutput(true); urlCo

Solr学习笔记——导入JSON数据

1.导入JSON数据的方式有两种,一种是在web管理界面中导入,另一种是使用curl命令来导入 curl http://localhost:8983/solr/baikeperson/update/json?commit=true --data-binary @/home/XXX/下载/person/test1.json -H 'Content-type:text/json; charset=utf-8' 2.导入的时候注意格式 使用curl可以导入的格式 { "add": { &qu