问题描述:
在封装cgi库支持fastcgi从而在Nginx下通过spawn-fcgi方式运行时,发现通过jQuery ajax方式POST提交的数据在cgi侧获取为空。
解决思路:
按照数据流向,请求是否到达了服务器,Nginx是否成功转发,CGI接口里再细分看数据传递到了哪一步。
1.先确认数据是否确实提交到服务器
工具:Fiddler
如上图所示,可以看到在调用接口提交的时候确实传递了参数。
2.是否是Nginx转发出了问题
因为这个请求参数是在request_body里,为了减少输出对磁盘的影响,Nginx默认是不打印的,因此这个需要手动配置下Nginx的默认配置,在log_format配置项中增加@request_body,并重启Nginx。
然后重新触发请求,查看Nginx日志,发现确实是收到了请求并做了转发。
3.新的线索:通过form表单 submit方式post提交,可以获取到数据
通过fiddler抓包看看form表单提交和ajax方式提交有啥区别
多出项 |
不同项 | |
表单提交 | X-Requested-With: XMLHttpRequest | Content-Type: application/x-www-form-urlencoded |
$ajax方式 | Upgrade-Insecure-Requests: 1 | Content-Type: application/x-www-form-urlencoded; charset=UTF-8 |
4.通过截包并篡改头部确认关键点
Fiddler -> Rules -> Automatic Breakpoints -> Before Requests 或者F11
发现,当将ajax提交的Content-Type中的“; charset=UTF-8”去掉后,cgi可以获取到post数据。
5.猜测cgi使用的clearsilver框架对post方式解析数据存在问题
问题果然出现在这里,改为if (type && !strncmp(type, "application/x-www-form-urlencoded", 33))即可。
6.根因分析
$ajax方式post数据时,Content-Type为何会多出后面的部分?
通过查看Jquery官网: http://api.jquery.com/jQuery.ajax/ 发现
除了修改clearsilver框架外,我们还可以通过在js提交请求时显示指定contentType来进行规避,参考如下:
$.ajax({ type: "POST", url: url, contentType:"application/x-www-form-urlencoded", data: postData, dataType:"json", success: function(result){ if (typeof(result)!="undefined"&&0==result.code) { console.log('suc'); } }});
以上。