Asp.net Web Api 返回结果格式，及在浏览器中的显示

 

using System.Collections.Generic; using System.Web.Http; using ExtJS.WebApi.Data; namespace ExtJS.WebApi.Controllers { [RoutePrefix("api/Book")] public class BookController : ApiController { [Route("Get")] public List<BookModel> Get() { return BookRepository.List; } } }

用火狐浏览器，显示：

返回的 【Content-Type】是【application/xml】

 

ExtJS 4

Ext.regModel(‘BookInfo‘, { fields: [{ name: ‘Name‘, type: ‘string‘ }] }); var bookStore = Ext.create(‘Ext.data.JsonStore‘, { model: ‘BookInfo‘, proxy: { type: ‘ajax‘, url: baseUrl + ‘Book/Get‘, reader: { type: ‘json‘ } } });

…

{ xtype: ‘combo‘, fieldLabel: ‘书籍列表‘, listConfig: { loadingText: ‘正在加载书籍信息‘, emptyText: ‘未能找到匹配值‘ }, triggerAction: ‘all‘, store: bookStore, displayField: "Name", valueField: "Name", queryMode: ‘remote‘, queryDelay: 300 }

 

请求成功，，返回数据是XML的

无法将数据显示在下拉框中

 

IE没问题。请求到的数据是application/json格式的数据

但是在IE中，返回的是【application/json】

 

为解决火狐浏览器，请求 asp.net webapi 的数据，得到的是xml的数据，需要这样做：

 

 

 

public class BrowserJsonFormatter : JsonMediaTypeFormatter { public BrowserJsonFormatter() { this.SupportedMediaTypes.Add(new MediaTypeHeaderValue("text/html")); this.SerializerSettings.Formatting = Formatting.Indented; } public override void SetDefaultContentHeaders(Type type, HttpContentHeaders headers, MediaTypeHeaderValue mediaType) { base.SetDefaultContentHeaders(type, headers, mediaType); headers.ContentType = new MediaTypeHeaderValue("application/json") { CharSet = "UTF-8" }; } }

 

\App_Start\WebApiConfig.cs

public static void Register(HttpConfiguration config) { ... config.Formatters.Add(new BrowserJsonFormatter()); }

再次请求api

 

 

 

 

参考：

Asp.net Web Api 返回结果格式，及在浏览器中的显示