select2 with ajax post方法

我正在尝试使用select2加载ajax。select2 with ajax post方法

这里是我的代码：

clonedTemplate.find('[id^=detailsPhaseFinanceMinor_]').select2({ 
    placeholder: "Select", 
    minimumInputLength: 1, 
    ajax: { // instead of writing the function to execute the request we use Select2's convenient helper 
     type: 'POST', 
     contentType: "application/json; charset=utf-8", 
     url: "mapBasic.aspx/GetFinSys", 
     dataType: 'json', 
     data: function (term, page) { 
      return "{'term':\"" + term + "\"}"; 
     }, 
     results: function (data, page) { // parse the results into the format expected by Select2. 
      // since we are using custom formatting functions we do not need to alter remote JSON data 
      return { results: data.Value }; 
     } 
    } 
});

AJAX调用是在同一个页面的代码隐藏一个WebMethod/PageMethod的：

[WebMethod] 
    public static List<LookupCodeItem> GetFinSys(string term) 
    { 
     string stringToCompareTo = term.ToLower(); 

     List<LookupCodeItem> result = new List<LookupCodeItem>(); 


     // FIN SYS 
     using (mapEntities db = new mapEntities()) 
     { 
      List<MPO_FINSYS_AMT> finSysCodes = (from x in db.MPO_FINSYS_AMT 
               select x).ToList(); 

      foreach (MPO_FINSYS_AMT item in finSysCodes) 
      { 
       string valKey = string.Format("{0}.{1}.{2}", item.FY, item.MDOT_MPO_CD, item.FIN_SYS); 
       LookupCodeItem x = new LookupCodeItem(); 
       x.Value = valKey; 
       x.ShortDescription = string.Format("{0}.{1}.{2}", item.FY, item.MDOT_MPO_CD, item.FIN_SYS); ; 
       x.LongDescription = string.Empty; 
       result.Add(x); 

      } 
     } 

     return result; 
    }

当数据输入到文本框时，发出POST请求，并且json发送似乎被正确格式化。

但是，pagemethod的响应是整个html页面。我的理解是，如果您没有在ajax调用中正确设置“contentType”，则可以使用post方法进行。我已经将它设置为与我在页面上工作的所有其他ajax调用相同（它们不使用select2）。

select2是否忽略“contentType”属性？还是有什么我不正确地做了？

**编辑** 张贴在此之后，我发现在选择2的GitHub的网站上列出的这个问题： Issue 492 - Add Support for contentType to Ajax

看来，它不会通过通的contentType。我能否绕过selet2内置的ajax帮助器并使用我自己的手动定义的帮助器？

来源

2013-01-18 Amanda Kitson

-5

我会建议使用WebApi或ServiceStack进行数据调用而不是[webmethod]。

来源

2013-05-04 13:33:59

这是一个建议，应该放在评论，而不是在答案。另外，如何改变编程技术帮助OP，真的吗？ – ilter

只是试图让海报成为一个简单的建议/支持的方式来解决。看到这是7个月前完成的，现在我对此无能为力！ :-) –

我有同样的问题，以下解决方案适用于我：

ajax: { 
    ... 
    params: { // extra parameters that will be passed to ajax 
     contentType: "application/json; charset=utf-8", 
    } 
    ... 
}

来源

2016-01-13 11:14:40 TechnicalKeera

不要忘记将CSRF令牌添加到您的POST请求。这可能是因为你在客户端做了所有事情，但服务器拒绝了请求，因为它缺少了令牌。有关更多信息，请参阅PHP Laravel Framework：https://laravel.com/docs/5.4/csrf#csrf-x-csrf-token。

来源

2017-04-20 19:35:42

select2 with ajax post方法

回答

相关问题