要完成目录树的构建，需要前台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. 【Linux】GCC编译器

    [简介] GCC是Linux下的编译工具集,是GNU Compiler Collection的缩写,包含gcc g++ 等编译器.GCC工具集不仅能编译C/C++语言,其他例如Object-c.Pas ...

  2. 一些linux工具在windows版本下的文件放置位置

    首先说明一下windows下的常用变量(这里是XP的,win7及以上的C:\Documents and Settings实际为C:\Users) %SystemDrive%        操作系统所在 ...

  3. 使用 FireMonkey 构建优秀专业 Android 应用的10点提示

    原文链接:http://www.firemonkeyx.com/ten-tips-for-building-stunning-professional-android-apps-with-firemo ...

  4. MacOS安装使用Node.js

    1. 到官网https://nodejs.org/zh-cn/download/下载,选择Macintosh Installer, 如下: 2. 按预设的下一步,Node.js版本为v6.10.0, ...

  5. 获取hyper-v和vmware虚机状态

    在vmware的PowerCLI和微软的scvmm的PowerShell中可以通过Get-VM命令来获取虚拟机的信息.下面我们用代码的方式去实现,代码相关类方法就是对命令的封装. vmware api ...

  6. 使用bmfont制作字体

    本地显示正常 将制作好的字体上传 别人用不好使 制作完场景没ctrl+s 保存 ctrl+s保存之后生成另外的文件

  7. consul ACL2

    简介 Consul有多个组件,但是整体上,consul通常作为服务发现工具来使用. Consul主要由以下特点: 服务发现 健康检查 KV存储 多数据中心 Consul一般与zookeeper,ser ...

  8. springboot pom 详解

    Starter POMs是可以包含到应用中的一个方便的依赖关系描述符集合.可以获取所有spring及相关技术的一站式服务,不需要翻阅示例代码,拷贝粘贴大量的依赖描述符. Starter名字的含义: 所 ...

  9. python学习之路 八 ：面向对象编程基础

    本节重点 了解面向对象.面向过程的区别 掌握什么是类,什么是对象 掌握如何定义及使用类和对象 了解类与对象间的关系 掌握类属性和实例属性 掌握绑定方法 一.编程范式 ​    ​编程即写程序or写代码 ...

  10. VMware Workstation内存不足问题的解决！

    我今天使用VMware Workstation,遇到内存使用不足的问题,我使用的VMware Workstation是9,刚开始我以为是我的VMware Workstation版本低,所以上网找到了V ...