获取 ajax 数据的最新窗口宽度答案

【问题标题】：Get latest window width for ajax data获取 ajax 数据的最新窗口宽度
【发布时间】：2014-03-30 19:05:17
【问题描述】：

我想根据窗口的宽度在 ajax 请求中发送不同的参数值，以便为较小的设备执行不同的操作。

但是，它仅在页面加载时获取窗口宽度，并且在调整窗口大小时不会更新。

在调整窗口大小并将调整大小事件与 ajax 请求挂钩后，获取窗口宽度的最佳方法是什么？

$('#add-profile-fileupload').fileupload({
    dataType: 'json',
    acceptFileTypes: '/(\.|\/)(gif|jpe?g|png)$/i',
    maxFileSize: '40000000',
    minFileSize: '100',
    url: API_URL,
    formData: {
        'action': ($( window ).width() > 970) ? 'profile_photo' : 'something_else',
    .......

【问题讨论】：

标签： javascript jquery ajax jquery-file-upload window-resize

【解决方案1】：

jquery 文件上传允许将“formData”设置为函数。使用它！

$('#add-profile-fileupload').fileupload({
    dataType: 'json',
    acceptFileTypes: '/(\.|\/)(gif|jpe?g|png)$/i',
    maxFileSize: '40000000',
    minFileSize: '100',
    url: API_URL,
    formData: function(){
        return {
            'action': ($( window ).width() > 970) ? 'profile_photo' : 'something_else'    
        }
    }
    ....
}

【讨论】：

【解决方案2】：

formData 选项可以是返回对象的函数：

formData: function() {
    return {
        action: ($( window ).width() > 970) ? 'profile_photo' : 'something_else',
        ...
    };
},
...

【讨论】：