luci与页面的数据交互

2024-05-08 17:26:21

htm中通过XHR调用lua脚本，lua script location : /usr/lib/lua/luci/controller/admin/xxx.lua

xxx.htm:

1.静态调用

var callPath='<%=luci.dispatcher.build_url("admin", "xxx", "dev_info")%>';

callPath=callPath+'/'+param1+'/'+param2; //如果需要传参

XHR.get(callPath,null,function(x,rval)｛

......

｝

);

2.动态调用

var callPath='<%=luci.dispatcher.build_url("admin", "xxx", "dev_info",parameter)%>';

XHR.poll(5,callPath, null,function(x,callPath rval){

......
}

);

第一个参数为定时刷新时间（单位：S）

第二个参数是luci生成的路径，其中parameter是传递给lua的参数

第三个参数暂时未知，填null不影响

第四个是回调函数：

x：是XHR对象，一般用不着

rval：是lua函数的返回值(一般取值rval[0])

3.触发submit提交调用

<script>

document.getElementById("ID_INPUT_submit").value=paramt; //value 值将会被传到lua中
document.getElementById("ID_INPUT_submit").click(); //触发submit事件

</script>

<form style="display:none" method="post" action="<%=luci.dispatcher.build_url("admin", "xxx","dev_info")%>" enctype="multipart/form-data">

<input id="ID_INPUT_submit" name="getpackage" type="submit" \>
</form>

xxx.lua:

entry({"admin", "xxx", "dev_info"}, call("dev_info"), nil).leaf = true

页面方法1,2相同：

--paramval:接收传下来的参数,(有两个，写两个入参)
function dev_info(paramval)

local function getDev(val)
......
return .....
end

luci.http.prepare_content("application/json")
luci.http.write('[')
luci.http.write_json(getDev(paramval))
luci.http.write(']')
end

页面方法3：

function dev_info()

local value=luci.http.formvalue("getpackage") --获取传下来的value值，其中getpackage是input的name

.......

end

luci与页面的数据交互相关推荐

iframe父子页面间数据交互
1.发送消息 postMessage(message, targetOrigin,[transfer]) 参数:message:要发送到其他 window的数据 ...
前台和后台的数据交互
最近刚刚接手B/S的项目,涉及到了服务器从数据库中查询数据,然后根据数据拼出前台的HTML语句.下面是自己的一段路程. 从最开始自己的一个技术难点,后台拼接完了HTML语句,怎么送到前台呢?下面是关于 ...
模拟实现请求分页虚存页面替换算法_河北串口屏厂家：玻璃清洗机触摸屏实现数据交互功能...
玻璃清洗机是工业行业中经常会看到的机械产品.这种玻璃清洗机使用的非常广泛,在使用的过程中也凭借着自已优良的使用品质给我们带来的诸多便利性. 玻璃清洗机是玻璃在制镜.真空镀膜.钢化.热弯.中空玻璃合片等 ...
ajax前后台交互 .net,使用ajax进行前后台的数据交互
1 什么是ajax: 异步的JavaScript和xml,跟后台交互,都用json 2 ajax干啥用的? 前后端做数据交互: 3 特点: -异步(异步和同步的区别:同步是请求发过去,要等 ...
django前端引用数据_「基于Python技术的智慧中医商业项目」Django前端网站篇-5.资讯的数据交互...
如果你对中医感兴趣欢迎留言讨论,觉得我的内容对你有帮助的话,能够请我喝一杯沪上阿姨不禁万分感谢. 内容简介本章介绍Django搭建中医网站项目平台前端建设之资讯模块的数据交互的内容.其中由于代码量较 ...
SpringMVC框架学习DAY_02 : 接收请求参数/向模板页面转发数据/重定向与转发 /Session
1. 接收客户端提交的请求参数 1.1. 使用HttpServletRequest接收请求参数在处理请求的方法的参数列表中,添加HttpServletRequest类型的参数,在处理请求的过程中,调 ...
前后端数据交互方法汇总
这篇文章给大家介绍几种常用的前后端数据交互方法,并给出使用建议.以提高前后端协同开发的效率.非常的详细,推荐给小伙伴们,有需要的小伙伴可以参考下. 1.HTML赋值输出到 Element 的 val ...
Ajax实现局部数据交互的一个简单实例
想要实现的功能:利用Ajax技术通过点击一个<button>按钮,然后在指定的文本框中输出想要的值. 1.使用Jsp创建一个前端页面. 1 <body> 2 <div s ...
前后端数据交互的几个方法
前端开发需要做的事情,只有两个:1. 创建界面结构 2. 数据交互数据交互其实又可以分为两种:1. 给后台技术 2. 从后台那数据数据交互的目的是什么? 取:将数据渲染到dom文档中给:提交数 ...

最新文章

热门文章