1

我需要为我们的一个网络表单提供 JSONP 自动完成功能，与此相同：http: //jqueryui.com/autocomplete/#remote-jsonp。

本质上，我想使用从我的 WCF 服务返回的与用户输入的搜索词匹配的值动态填充下拉列表。

WCF服务成功命中，文本框内容作为搜索参数成功传入。网络服务返回，但我总是陷入 jQuery 中的“错误：”块。

这是调用我自己的 WCF 服务的重组 jQuery（取自上面链接的 AutoComplete 示例）：

$("#txtModels").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "http://localhost:12345/webapi/models",
            dataType: "jsonp",
            data: {
                search: request.term
            },
            success: function (data) {
                alert("Success");  //never reach here
                //response($.map(data.models, function (item) {
                //   return {
                //        label: item.model,
                //        value: item.model
                //    }
                //}));
            },
            error: function() {
                alert("Error");  //always an error
            }
        });
    },
    minLength: 2,
    select: function (event, ui) {
        //log(ui.item ?
        //    "Selected: " + ui.item.label :
        //    "Nothing selected, input was " + this.value);
    },
    open: function () {
        //$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
    },
    close: function () {
        //$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
    }
});

这是 WCF 服务。它确实被击中并返回而没有错误。

[OperationContract]
[WebInvoke(Method = "GET",
            BodyStyle = WebMessageBodyStyle.Wrapped,  //tried ".Bare" also
            ResponseFormat = WebMessageFormat.Json,
            UriTemplate = "models?search={search}")]
public string[] GetBoxSerialNums(string search)
{
    string[] models = new string[]{"Ford", "Chevy", "Honda"};
    return models;
}

WCF 项目是使用内置 WCF 模板创建的，因此我的 web.config 没有端点配置，但无论如何都是这样：

<?xml version="1.0"?>
<configuration>
  <connectionStrings>
    <!--removed-->
  </connectionStrings>

  <system.web>
    <compilation debug="true" targetFramework="4.0" />
  </system.web>

  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true">
      <add name="UrlRoutingModule" type="System.Web.Routing.UrlRoutingModule, System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
    </modules>
  </system.webServer>

  <system.serviceModel>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true"/>
    <standardEndpoints>
      <webHttpEndpoint>
        <!-- 
            Configure the WCF REST service base address via the global.asax.cs file and the default endpoint 
                        via the attributes on the <standardEndpoint> element below
        -->
        <standardEndpoint name="" helpEnabled="true" automaticFormatSelectionEnabled="false" maxReceivedMessageSize="10240000" maxBufferSize="10240000" />
      </webHttpEndpoint>
    </standardEndpoints>
  </system.serviceModel>

  <appSettings>
    <!--removed-->
  </appSettings>

</configuration>

我对 jQuery/JSON 非常陌生，尤其是 JSONP，但很明显 web 服务没有以 jQuery 调用所期望的格式返回数据。我需要做什么才能完成这项工作？

4

1 回答 1

0

bindings通过添加以下内容更改您的 web.config system.serviceModel：

<bindings>
  <webHttpBinding>
    <binding name="webHttpBindingWithJsonP" crossDomainScriptAccessEnabled="true" />
  </webHttpBinding>
</bindings>

并添加bindingConfiguration="webHttpBindingWithJsonP"到您的<endpoint>标签中。

BodyStyle然后最后通过删除和更改您的网络方法UriTemplate：

[WebInvoke(Method = "GET",
           //BodyStyle = WebMessageBodyStyle.Wrapped,  //tried ".Bare" also
           ResponseFormat = WebMessageFormat.Json
           //UriTemplate = "models?search={search}"
           )]
public string[] GetBoxSerialNums(string search)

现在 WCF 服务的响应应该是这样的：

jQuery16409075580490753055_1354078880656(["Ford","Chevy","Honda"]);

这符合 JSONP 要求并且应该可以工作。

于 2012-11-28T05:14:47.830 回答