要完成目录树的构建，需要前台ExtJS构筑页面，后台处理逻辑，中间由JSON传递数据。

　　首先搭建后台环境:

 require "httpd"

 require "lfs"

 request, args = ... 

 local s = {root = {

         text = "rootNode",

         expanded = true,

         children = {

             {

                 text = 'book1',

                 leaf = true

             },

             {

                 text = "book2",

                 expanded = true,

                 children = {

                     {

                         text = "con1",

                         leaf = true

                     },{

                         text = "con2",

                         leaf = true

                     }

                 }

             },

             {

                 text = "book3",

                 expanded = true,

                 leaf = true

             }

         }

     }

 }

 local cjson = require("cjson")

 local tJson = cjson.encode(s)

 httpd.set_content_type("text/json")

 httpd.write(tJson)

　　这里虚拟了一个树数据结构s，将其打包后返回给请求方。

　　然后是html部分：

 <html>

     <head>

         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

         <title>ExtJS TreePanel</title>

         <link rel="stylesheet" type="text/css" href="../../ext-5.0.0/examples/shared/example.css" />

         <script type="text/javascript" src="../ext-5.0.0/examples/shared/include-ext.js"></script>

         <script type="text/javascript" src="../ext-5.0.0/examples/shared/options-toolbar.js"></script>

         <script type="text/javascript" src="test.js" charset="utf-8" ></script>

     </head>

     <body style=" margin: 0; padding: 0;">

     </body>

 </html>

　　最后是ExtJS部分：

 Ext.require('Ext.tree.Panel')

 Ext.onReady(function(){

     Ext.Ajax.request({

         url: 'm.lua',   　　　　//后台文件path

         method: 'post',

         params: {

             action: 'getDir',

         },

         success: function(response){

             var text = response.responseText;

             var obj = eval('(' + text + ')');

             console.log(obj);

         },

         failure: function() {

             Ext.Msg.alert("失败","失败了");

         }

     });

 });

　　其中response内容是这样的：

　　所以可以用"response.responseText"来调用响应内容的主体。

　　在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。

　　JSON字符串转换为JSON对象：

　　　　var obj = eval('(' + str + ')');

　　这样就能获取一个可供使用的JSON对象了。

　　　　

【Lua】LWT后台用JSON与 ExtJS传递数据的更多相关文章

  1. ASP.NET MVC中从后台控制器（Controller）传递数据到前台页面视图（View）方式

    方式一: 数据存储模型Model: public class CalendarEvent { public string id { get; set; } public DateTime start ...

  2. EF5+MVC4系列(7) 后台SelectListItem传值给前台显示Select下拉框;后台Action接收浏览器传值的4种方式; 后台Action向前台View视图传递数据的四种方式(ViewDate,TempDate,ViewBag,Model (实际是ViewDate.Model传值))

    一:后台使用SelectListItem 传值给前台显示Select下拉框 我们先来看数据库的订单表,里面有3条订单,他们的用户id对应了 UserInfo用户表的数据,现在我们要做的是添加一个Ord ...

  3. HTTP传递数据的几种方法

    Http请求的时候,需要传递参数给后端,一般都是key-value的形式,传递的方法有很多种 例如需要传递的数据是 dict(key1=value1,key2=value2) 1. URL参数 把参数 ...

  4. 【Lua】Lua + LWT + ExtJS构建目录树

    Lua处理后台逻辑,Lua lwt搭建后台程序,ExtJS根据后台传来的json数据构建目录树. 前台html和ExtJS代码不用多讲,直接上代码: treePanel.html <html&g ...

  5. 前台传递给后台的JSON字符串中的引号 “” 在JAVA后台被转义为 "

    前台传递给后台的JSON字符串中的引号 "" 在JAVA后台被转义为 &quot 1.问题: 前台数据,JSON字符串带有引号 "" ,数据被传递到后台 ...

  6. 传递给后台的Json数据解析

    后台代码如下: public void ProcessRequest(HttpContext context) { context.Response.ContentType = "appli ...

  7. .net后台获取DataTable数据，转换成json数组后传递到前台，通过jquery去操作json数据

    一,后台获取json数据 protected void Page_Load(object sender, EventArgs e){  DataTable dt = DBhepler.GetDataT ...

  8. Struts2中的JSON问题——后台返回JSON字符串到前台

    最近做一个项目遇到一个比较棘手的问题,项目后台采用struts2+Hibernate3+Spring3,前台采用ExtJs4.笔者目前仍是一名大二学生吗,后台框架完全是毫无任何基础,从零学,现学现用. ...

  9. Asp.net MVC 传递数据 从前台到后台，包括单个对象，多个对象，集合

    今天为大家分享下 Asp.net MVC 将数据从前台传递到后台的几种方式. 环境:VS2013,MVC5.0框架 1.基本数据类型 我们常见有传递 int, string, bool, double ...

随机推荐

  1. redis整理の持久化机制

    redis是一个支持持久化的内存数据库,也就是说 redis 需要经常将内存中的数据同步到磁盘 来保证持久化.redis 支持两种持久化方式,一种是 Snapshotting(快照)也是默认方式,另 ...

  2. jmeter - 命令行方式运行

    命令格式: jmeter -n -t <testplan filename> -l <listener filename> 参数说明: -n 非 GUI 模式 -> 在非 ...

  3. 网站页面多出&65279出现空白行的原因及解决方法

    模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279,导致页面头部会出现一个空白行.原因是页面的编码是UTF-8 + BOM. 这种编码方式一般会在windows操 ...

  4. sersync服务搭建

    前言: 一.为什么要用Rsync+sersync架构? 1.sersync是基于Inotify开发的,类似于Inotify-tools的工具 2.sersync可以记录下被监听目录中发生变化的(包括增 ...

  5. [respberry pi3][suse] 配置docker

    [respberry pi3][suse] 配置docker arm64 suse上总的软件还是比较少的,特别是对32bit的一些支持,比较熟悉ubuntu,但是不能raspberry pi3没有64 ...

  6. 读《MacTalk·人生元编程》

    读MackTalk人生元编程 花了几个晚上的时间把 卖桃君 的<MackTalk▪人生元编程>看完后意犹未尽,关掉kindle后回一下整本书的内容不由得笑了,因为脑海里出现了各种360°回 ...

  7. 【Newtonsoft.Json.dll】操作简单JSON数据

    { //json数据 string json = "{\"name\":\"张三\",\"sex\":\"男\" ...

  8. Navicat for MySQL打开链接时出错错误为：2005 - Unknown MySQL server host 'localhost'(0)？

    问题:Navicat for MySQL打开链接时出错错误为:2005 - Unknown MySQL server host 'localhost'(0)? 在使用navicat 连接mysql数据 ...

  9. Web Server 在iis上部署webservice基于oracle

    在iis上部署webservice基于oracle 常见错误及解决方案: 原因: 先安装.netframework后安装iis造成的: 解决方案: 1.C:\Windows\Microsoft.NET ...

  10. 【leetcode 133. 克隆图】解题报告

    方法一:dfs(递归) map<Node*,Node*> dict; Node* clone(Node* node) { if (!node) return node; if (dict. ...