首页 > 代码库 > 【Lua】LWT后台用JSON与 ExtJS传递数据
【Lua】LWT后台用JSON与 ExtJS传递数据
要完成目录树的构建，需要前台ExtJS构筑页面，后台处理逻辑，中间由JSON传递数据。
首先搭建后台环境:
1 require "httpd" 2 require "lfs" 3 4 request, args = ... 5 6 local s = {root = { 7 text = "rootNode", 8 expanded = true, 9 children = {10 {11 text = ‘book1‘,12 leaf = true13 },14 {15 text = "book2",16 expanded = true,17 children = {18 {19 text = "con1",20 leaf = true21 },{22 text = "con2",23 leaf = true24 }25 }26 },27 {28 text = "book3",29 expanded = true,30 leaf = true31 }32 }33 }34 }35 36 local cjson = require("cjson")37 local tJson = cjson.encode(s)38 39 httpd.set_content_type("text/json")40 httpd.write(tJson)
这里虚拟了一个树数据结构s，将其打包后返回给请求方。
然后是html部分：
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 5 <title>ExtJS TreePanel</title> 6 <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"../../ext-5.0.0/examples/shared/example.css" /> 7 8 9 <script type="text/javascript" src=http://www.mamicode.com/"../ext-5.0.0/examples/shared/include-ext.js"></script>10 <script type="text/javascript" src=http://www.mamicode.com/"../ext-5.0.0/examples/shared/options-toolbar.js"></script>11 12 <script type="text/javascript" src=http://www.mamicode.com/"test.js" charset="utf-8" ></script>13 14 </head>15 <body style=" margin: 0; padding: 0;">16 </body>17 </html>
最后是ExtJS部分：
1 Ext.require(‘Ext.tree.Panel‘) 2 3 Ext.onReady(function(){ 4 Ext.Ajax.request({ 5 url: ‘m.lua‘, //后台文件path 6 method: ‘post‘, 7 params: { 8 action: ‘getDir‘, 9 },10 success: function(response){11 var text = response.responseText; 12 var obj = eval(‘(‘ + text + ‘)‘); 13 console.log(obj); 14 }, 15 failure: function() {16 Ext.Msg.alert("失败","失败了");17 }18 });19 });
其中response内容是这样的：
所以可以用"response.responseText"来调用响应内容的主体。
在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。
JSON字符串转换为JSON对象：
var obj = eval(‘(‘ + str + ‘)‘);
这样就能获取一个可供使用的JSON对象了。
【Lua】LWT后台用JSON与 ExtJS传递数据
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。