6

我正在尝试开始使用 SmartGwt。我正在使用 XJSONDatasource 对 SmartClient 上具有 JSON 数据的示例页面进行跨域调用。但是，当我运行代码时，会出现一个弹出窗口，上面写着“正在查找符合您的条件的记录......”这永远不会消失，并且不会加载数据。我正在使用 SmartGwt 的免费版本（我的公司已经说过这是我们将使用的）。希望我只是错过了一些明显的东西。

    DataSource dataSource = new XJSONDataSource();
    dataSource.setDataTransport(RPCTransport.SCRIPTINCLUDE);
    dataSource.setDataFormat(DSDataFormat.JSON);

    dataSource.setDataURL("http://www.smartclient.com/smartgwt/showcase/data/dataIntegration/json/contactsData.js");
    DataSourceTextField nameField = new DataSourceTextField("name", "name");

    nameField.setValueXPath("name");

    dataSource.setFields(nameField);

    ListGrid grid = new ListGrid();
    grid.setDataSource(dataSource);
    grid.setWidth100();
    grid.setHeight(100);
    grid.setAutoFetchData(true);
    grid.draw();
4

2 回答 2

4

我从这里的文档中看到：http ://www.smartclient.com/smartgwt/javadoc/com/smartgwt/client/data/XJSONDataSource.html

请注意，如上面的教程中所述，服务器不仅负责写出数据，还负责写出一个 JavaScript 函数调用，告诉客户端响应已到达。客户端将要调用的函数的名称作为“回调”URL 参数传递。

但是您在 www.smartclient.com/smartgwt/showcase/data/dataIntegration/json/contactsData.js 链接的页面的代码中没有这样的回调

于 2010-10-21T07:57:13.883 回答
3

当您的 smartGWT 数据源调用此 URL 时：

http://www.smartclient.com/smartgwt/showcase/data/dataIntegration/json/contactsData.js

（如果您的数据源正在调用 Java 应用程序，请转到此答案的底部）

您的数据源将发出的请求将包含一个名为 callback 的 GET 参数，如下所示：

callback=isc.Comm._scriptIncludeReply_0

脚本contactsData.js 将需要捕获此GET 参数。

contactsData.js 需要包含一个库来从 URL 中检索参数：

javascript检索参数功能：

function getParameter ( queryString, parameterName ) {
   // Add "=" to the parameter name (i.e. parameterName=value)
   var parameterName = parameterName + "=";
   if ( queryString.length > 0 ) {
      // Find the beginning of the string
      begin = queryString.indexOf ( parameterName );
      // If the parameter name is not found, skip it, otherwise return the value
      if ( begin != -1 ) {
         // Add the length (integer) to the beginning
         begin += parameterName.length;
         // Multiple parameters are separated by the "&" sign
         end = queryString.indexOf ( "&" , begin );
      if ( end == -1 ) {
         end = queryString.length
      }

jQuery 检索参数函数

http://ajaxcssblog.com/jquery/url-read-request-variables/

获得回调参数的值后，您将使用 JSON 作为参数在响应正文中写入函数名称，如下所示：

isc.Comm._scriptIncludeReply_0({"item": [ {"id": "1","name": "Monkey"}, 
{"id": "2","name": "Tree"}, 
{"id": "3","name": "Banana"} ] })

所以 javascript 代码看起来像这样：

Response.Write(getParameter(URLrequestFromDatasourceString,"callback") + " ( " + JSON + " )" );

JAVA

如果您的 smartGWT 数据源调用 Java 应用程序 URL：

http://www.smartclient.com/getJson.htm

你的 Java 控制器会做同样的事情，但它更容易

String callbackString = request.getParameter("callback");

response.setContentType("text/X-JSON");
response.getWriter().write( callbackString + " ( " + JSONstring + " ) " );
response.setStatus(HttpServletResponse.SC_OK);

此外，这里是关于该问题的博客文章的链接

于 2011-02-10T20:24:38.650 回答