1

我正在尝试从 BrowserField 内的 javascript 启动 ajax 请求。

这是一个演示应用程序，它只是一个尝试在单击时发出 ajax 请求的 html 元素。

public MyScreen() {
    // Set the displayed title of the screen
    setTitle("MyTitle");

    BrowserFieldConfig _myBrowserFieldConfig = new BrowserFieldConfig();

    _myBrowserFieldConfig.setProperty(
            BrowserFieldConfig.JAVASCRIPT_ENABLED, Boolean.TRUE);
    _myBrowserFieldConfig.setProperty(BrowserFieldConfig.ALLOW_CS_XHR,
            Boolean.TRUE);
    BrowserField browser = new BrowserField(_myBrowserFieldConfig);
    browser.displayContent(
            "<!DOCTYPE html><html><head>"
                    + "<script>function loadXMLDoc(){"
                        + "alert('t'); "
                        + "var xmlhttp;"
                        + "if (window.XMLHttpRequest) "
                        +"{ "
                            + "xmlhttp = new XMLHttpRequest();  "
                        + "} "
                        + "else { "
                            + "xmlhttp = new ActiveXObject(\"Microsoft.XMLHTTP\");  "
                        + "}"
                        + " xmlhttp.onreadystatechange=function()  "
                        +"{ "
                            + " if (xmlhttp.readyState==4 && xmlhttp.status==200) "
                            + "{"
//                                  + " document.getElementById(\"myDiv\").innerHTML=xmlhttp.responseText;"
                            + "}"
                            +"alert('State:'+xmlhttp.readyState+ 'status'+ xmlhttp.status)"
                        + "} "
                        + "xmlhttp.open(\"GET\",\"http://www.w3schools.com/ajax/demo_get.asp\",true);"
                        + "xmlhttp.send(); "
                        + "}"
                    + "</script>"
                    + "</head><body><h2>AJAX</h2><a onclick=\"javascript:loadXMLDoc();\">Request data</a><div id=\"myDiv\"></div></body></html>",
            "http://www.w3schools.com");
    add(browser);
}

问题是，即使是第一个警报也不起作用，所以应该有一个 javascript 语法错误，但是，对我来说一切看起来都很好。我在我的计算机上尝试了 Firefox 中的这段代码，并显示了警报（我知道跨域并不总是可能的）。那么，我的脚本中有什么错误？

我已经用 BB 5.0.0 和 7.0.0 在模拟器上对此进行了测试。

4

2 回答 2

1

我还没有检查你的 javascript，但是在我尝试在 a 中请求内容之前，我遇到了问题，BrowserField 然后该字段被实际添加到其包含的ManagerorScreen中。

所以，只要把这一行：

add(browser);

在致电之前

browser.displayContent(/* content here */);

更新：当我在 9550 5.0 模拟器中运行您的代码时，我看到了同样的问题。但是，当一长串 html 和脚本被分成多行时，很难调试它，包括引号、加号和转义字符。一般来说，如果 HTML 是静态的，我建议将其放入一个 .html 文件中，该文件作为资源与您的应用程序捆绑在一起。

因此，我尝试将您的 html 字符串的全部内容放入我的项目中的一个文件中，位于/res文件夹下，名为content.html：

<!DOCTYPE html>
<html>
    <head>
         <script>
                function loadXMLDoc(){
                    alert('t');
                    var xmlhttp;
                    if (window.XMLHttpRequest)
                    {
                        xmlhttp = new XMLHttpRequest();
                    }
                    else {
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    xmlhttp.onreadystatechange=function()
                    {
                        if (xmlhttp.readyState==4 && xmlhttp.status==200)
                        {
                               //document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                        }
                        alert('State:'+xmlhttp.readyState+ 'status'+ xmlhttp.status)
                    }
                    xmlhttp.open("GET","http://www.w3schools.com/ajax/demo_get.asp",true);
                    xmlhttp.send();
                }
           </script>
      </head>
      <body><h2>AJAX</h2><a onclick="javascript:loadXMLDoc();">Request data</a><div id="myDiv"></div>
      </body>
</html>

然后，我成功地看到它onclick使用这个 Java 加载并执行了 javascript：

   public MyScreen() {
      super(MainScreen.VERTICAL_SCROLL | MainScreen.VERTICAL_SCROLLBAR);

      browser = new BrowserField();
      add(browser);

      InputStream content = getClass().getResourceAsStream("/content.html");     
      try {
         byte[] html = IOUtilities.streamToBytes(content);
         browser.displayContent(new String(html), "http://localhost");
      } catch (IOException e) {
         e.printStackTrace();
      }
   }

所以，我建议尝试这种方式。（注意：我认为我使用的 localhost 基本 URL 并不重要……只有当您的 html 包含相对链接和路径时才重要）

于 2013-06-13T01:53:52.373 回答
0

错误是使用绝对 url 打开 XMLHttpRequest。它需要使用相对 url（即：demo_get.asp），并且浏览器字段需要正确设置 baseurl（http://www.w3schools.com/ajax/）。

这很不方便。

于 2013-06-13T12:06:54.483 回答