Question

这是我在https://github.com/kripken/lua.vm.js/issues/5提出的一个问题，我想提交给stackoverflow。考虑到更高的曝光率，我可以在这里获得更快的答案。为了确保我的问题得到清楚理解，我将重申一下。如何从以下示例中获取回调数据？

提交的问题：

（lua.vm.js是一款非常棒的软件），具有在浏览器中替换JavaScript的巨大潜力！

从邮件列表，维基，问题等收集的一些代码片段。一切都开箱即用，没有任何感知性能影响。我只对JQuery ajax调用和WebSocket返回消息的回调返回值有问题。

例如（请参阅下面的script_example.html）：

js.run('$.get("/glossary.json", function(data) { console.log(data); });') -- this works
jq.get("/glossary.json", function(data) print(data) end) -- the callback is firing, but data is not returned

使用load（）函数的解决方法：

jq('#result').hide().load("/glossary.json", function() print(jq('#result').html()) end) -- this works because after the callback is fired, we just collect the result from the result div

以下内容进入script_example.html（参见lua.vm.js git repository）：

<!-- begin script tag example -->

<script src="lua.vm.js"></script>
<script src="jquery-1.10.1.js"></script>

<!--
    Simplest web server for serving static files
    python -m SimpleHTTPServer 8080
-->

<script type="text/lua">
-- Print contents of `tbl`, with indentation.
-- `indent` sets the initial level of indentation.
function tprint (tbl, indent)
  if not indent then indent = 0 end
  for k, v in pairs(tbl) do
    formatting = string.rep("  ", indent) .. k .. ": "
    if type(v) == "table" then
      print(formatting)
      tprint(v, indent+1)
    else
      print(formatting .. tostring(v))
    end
  end
end

-- function test()
--   return 'ok'
-- end
-- for i=1,5 do
--   js.global.alert(test())
-- end

local jq = js.get("$")
-- jq('body').append("plop").click(function() js.global.alert("plop click") end)
-- local version = jq().jquery
-- js.global.alert(version)
-- jq('#result').load("/glossary.json")
jq('#result').hide().load("/glossary.json", function() print(jq('#result').html()) end)
-- jq.get("/glossary.json", function(data) print(data) end) -- callback is firing, but    data is not returned
-- js.run('$.get("/glossary.json", function(data) { console.log(data); });')

-- local ws = js.new.WebSocket("ws://echo.websocket.org/?encoding=text")
-- ws.onopen = function()
--   print("connected!")
--   ws.send("Rock it with HTML5 WebSocket")
-- end
-- ws.onclose = function()
--   print("disconnected")
-- end
-- ws.onerror = function(error)
--   print(error)
-- end
-- ws.onmessage = function(e)
--   tprint(e) -- using tprint() because an empty table is returned instead of the message
--   ws.close()
-- end
</script>

<!-- end script tag example -->

<div id="result"></div>

上面示例中加载的glossary.json文件：

{
  "glossary": {
    "title": "example glossary",
    "GlossDiv": {
        "title": "S",
        "GlossList": {
            "GlossEntry": {
                "ID": "SGML",
                "SortAs": "SGML",
                "GlossTerm": "Standard Generalized Markup Language",
                "Acronym": "SGML",
                "Abbrev": "ISO 8879:1986",
                "GlossDef": {
                    "para": "A meta-markup language, used to create markup languages such as DocBook.",
                    "GlossSeeAlso": ["GML", "XML"]
                },
                "GlossSee": "markup"
            }
        }
    }
  }
}

Answer 1

抱歉，我刚刚意识到我忘了回来报告解决方案。

从jQuery 1.5开始，所有jQuery的Ajax方法都返回XMLHTTPRequest对象的超集。 $ .get（）返回的这个jQuery XHR对象或“jqXHR”实现了Promise接口，为它提供了所有的属性，方法......

例如，它包含responseText和responseXML属性，以及getResponseHeader（）方法。

基于此，以下代码可以工作并返回回调数据（responseText）：

local jq = js.get("$")
local jqxhr = jq.get("/glossary.json")
jqxhr.done(function() print(jqxhr.responseText) end)

还可以通过直接的XMLHTTPRequest包装函数绕过jQuery：

local xhr = function(method, url, callback)
  local xhr = js.new.XMLHttpRequest()
  xhr.onreadystatechange = function()
    if xhr.readyState == 4 and xhr.status == 200 then
      return callback(xhr.responseText)
    end
  end
  xhr.open(method, url)
  xhr.send()
end

xhr("GET", "/glossary.json", function(data) print(data) end)

lua.vm.js ajax回调触发但数据未返回

1 个答案: