如何让后端传递JSON格式数据
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-03-30 14:29:26 |
👁️ 阅读: 2
根据浮生梦老师的前端课程内容，后端传递JSON格式数据通常通过消息协议实现。以下是核心步骤：
## 1. 定义消息协议（后端配置）
首先需要在网络协议配置中定义JSON格式的消息结构：
```lua
-- 在NetMsgCfg中定义消息ID
NetMsgCfg.JSON_Data_Sync = 1001 -- 示例消息ID
```
## 2. 发送请求到后端
前端通过发送消息请求后端数据：
```lua
function MyOBJ:RequestJSONData()
Message:sendmsg(NetMsgCfg.JSON_Data_Sync)
end
```
## 3. 接收后端响应
后端返回的JSON数据会通过响应函数传递：
```lua
function MyOBJ:JSONResponse(arg1, arg2, arg3, arg4)
-- arg1, arg2, arg3, arg4 对应后端传递的JSON字段
-- 例如：arg1可能是JSON字符串或解析后的table
-- 先检查界面是否有效
if GUI:Win_IsNull(self._parent) then return end
-- 处理JSON数据
self.jsonData = {
field1 = arg1,
field2 = arg2,
field3 = arg3,
field4 = arg4
}
-- 更新UI显示
self:updateUIWithJSON()
end
```
## 4. 更新UI显示
将JSON数据应用到界面控件上：
```lua
function MyOBJ:updateUIWithJSON()
if not self.jsonData then return end
-- 示例：更新文本显示
if self.ui.Text_data then
GUI:Text_setString(self.ui.Text_data, tostring(self.jsonData.field1))
end
-- 示例：更新按钮状态
if self.ui.Button_action then
GUI:setVisible(self.ui.Button_action, self.jsonData.field2 == 1)
end
end
```
## 5. 完整示例
```lua
local MyOBJ = {}
MyOBJ.__cname = "MyOBJ"
function MyOBJ:main(objcfg)
self._parent = GUI:Win_Create(self.__cname, 0, 0, 0, 0,
objcfg.HIDE_MAIN, false, objcfg.VOICE, objcfg.PC_ESC)
GUI:LoadExport(self._parent, objcfg.UI_PATH)
self.ui = GUI:ui_delegate(self._parent, objcfg)
-- 请求按钮
ssrAddTouchEventListener({
widget = self.ui.btn_request,
callback = function()
self:RequestJSONData()
end,
scale = 0.95,
isDTouch = true
})
-- 初始化请求数据
Message:sendmsg(NetMsgCfg.JSON_Data_Sync)
end
-- 请求JSON数据
function MyOBJ:RequestJSONData()
Message:sendmsg(NetMsgCfg.JSON_Data_Sync)
end
-- 接收JSON响应
function MyOBJ:JSONResponse(arg1, arg2, arg3, arg4)
if GUI:Win_IsNull(self._parent) then return end
-- 存储JSON数据
self.jsonData = {
playerName = arg1 or "",
playerLevel = arg2 or 1,
playerGold = arg3 or 0,
playerVip = arg4 or 0
}
-- 更新显示
self:updateDisplay()
end
-- 更新显示
function MyOBJ:updateDisplay()
if not self.jsonData then return end
-- 更新名称
if self.ui.Text_name then
GUI:Text_setString(self.ui.Text_name, self.jsonData.playerName)
end
-- 更新等级
if self.ui.Text_level then
GUI:Text_setString(self.ui.Text_level, "等级：" .. self.jsonData.playerLevel)
end
-- 更新金币
if self.ui.Text_gold then
GUI:Text_setString(self.ui.Text_gold, "金币：" .. self.jsonData.playerGold)
end
end
return MyOBJ
```
## 关键点：
1. **消息协议**：需要在NetMsgCfg中定义消息ID
2. **数据传递**：后端通过arg1-arg4传递JSON数据
3. **数据解析**：前端将参数转换为table格式
4. **UI更新**：使用GUI函数更新界面控件
注意：具体的JSON字段结构需要与后端开发人员协商确定，确保前后端数据格式一致。
← 返回问答库