jquery.ajax() POST receives empty response with IE10 on Nginx/PHP-FPM but works on Apache

Question

I use a very simple `jquery.ajax()` call to fetch some HTML snippet from a server: ``` // Init add lines button $('body').on('click', '.add-lines', function(e) { $.ajax({ type : 'POST', url : $(this).attr('href')+'?ajax=1&addlines=1', data : $('#quickorder').serialize(), success : function(data,x,y) { $('#directorderform').replaceWith(data); }, dataType : 'html' }); e.preventDefault(); }); ``` On the PHP side i basically echo out a HTML string. The jQuery version is 1.8.3. The problem is in IE10: While it works fine there on Server A which runs on Apache it fails on Server B which runs on Nginx + PHP-FPM: If i debug the `success` handler on Server B I get a `undefined` for `data`. In the Network tab of the IE developer tools I can see the full response and all headers. It may affect other IE versions, but i could only test IE10 so far. Here are the two response headers: Server A, Apache (works): ``` HTTP/1.1 200 OK Date: Thu, 25 Apr 2013 13:28:08 GMT Server: Apache Expires: Thu, 19 No…

Accepted Answer

Please also check the Content-Type Header, since Apache and Nginx are sending different values:

```
Content-Type: text/html; charset=UTF-8
```

vs.

```
Content-Type: text/html; charset=utf8
```

Update your Nginx config, add this line:

```
charset UTF-8;
```

jquery.ajax() POST receives empty response with IE10 on Nginx/PHP-FPM but works on Apache

Solution

Problem