使用ASP.NET MVC和JQuery Form插件/文件上载检测IsAjaxRequest（）

Question

我正在使用JQuery Form插件在ASP.NET MVC应用程序上执行文件上载。 我已经了解到，由于iframe用于文件上传（而不是XMLHttpRequest，这是不可能的），因此IsAjaxRequest的服务器端检查失败。

我已经看过一些与此问题相关的帖子，但没有遇到任何解决此问题的好方法。 与我的其他应用程序一样，我希望能够同时支持启用JavaScript和禁用JavaScript的方案，这就是为什么我要检测请求是否为ajax。

我意识到使用的iframe方法在技术上不是ajax，但我试图模仿ajax效果。

欢迎大家提出意见。

Answer 1

您需要为IsAjaxRequest方法设置“X-Requested-With”标头以返回true。 这是你在jquery中的表现。

$(document).ready(function() {
     jQuery.ajaxSetup({
          beforeSend: function (xhr) {
                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
                return xhr;
          }
     });
});

Answer 2

从ASP.NET MVC 2开始（以及之后）， Request上有一个扩展方法。

if (Request.IsAjaxRequest())
{
     // was an ajax request
}

在控制器方法上使用诸如.load（）之类的jQuery方法将导致Request.IsAjaxRequest()返回true。

Answer 3

我刚刚意识到我完全没有回答这个问题，所以我在这里添加到顶部，并在下面留下我的旧答案：

问题是当通过iFrame发布文件时，未设置“X-Requested-With”标头，并且您无法在Javascript中为普通表单POST设置特定请求标头。 您将不得不求助于其他技巧，例如使用包含值的POST发送隐藏字段，然后更改或覆盖“IsAjaxRequest”扩展方法以检查此情况。 如何覆盖现有的扩展方法？

可能最好的选择可能是使用不同的名称包含您自己的扩展方法，基于默认的MVC扩展方法代码以及检测您的iFrame上传POST的更改，然后在您希望需要它的任何地方使用您的扩展方法。

---

jQuery实际上默认将'X-Requested-With'标头设置为'XMLHttpRequest'。 只要您小心地通过jQuery执行所有AJAX调用，它就非常有用。

根据您的需要，可以轻松地在动作过滤器中设置检测以在需要时使用它，或者甚至将其构建到控制器类中，如下所示：

[jQueryPartial]
public abstract class MyController : Controller
{
   public bool IsAjaxRequest { get; set; }
}

ActionFilterAttribute：

public class jQueryPartial : ActionFilterAttribute  
{  
    public override void OnActionExecuting(ActionExecutingContext filterContext)  
    { 
        // Verify if a XMLHttpRequest is fired.  
        // This can be done by checking the X-Requested-With  
        // HTTP header.  
        MyController myController = filterContext.Controller as MyController;
        if (myController != null)
        {
            if (filterContext.HttpContext.Request.Headers["X-Requested-With"] != null
                && filterContext.HttpContext.Request.Headers["X-Requested-With"] == "XMLHttpRequest")
            {
                myController.IsAjaxRequest = true;
            }
            else
            {
                myController.IsAjaxRequest = false;
            }
        }
    }
}

并使用实现：

public class SomeController : MyController
{
    public ActionResult Index()
    {
          if (IsAjaxRequest)
               DoThis();
          else
               DoThat();

          return View();
    }
}

Answer 4

我偶然发现了这个问题，后来找到了更好的解决方案，所以这里（对于从谷歌到这里的所有人）：

jQuery表单插件有两个选项可能在这种情况下有所帮助。

1. 如果你正在使用帖子请求，它似乎总是使用iframe，所以如果你不需要文件上传，在表格选项中设置iframe = false在我的情况下有帮助。

2. 如果你需要iframe用于fileuploads，你可以使用选项的data属性来欺骗

   IsAjaxRequest() setting : data: { "X-Requested-With": "XMLHttpRequest" }

包含两个选项的完整脚本如下所示：

$('#someform').ajaxForm(
{
        dataType: 'json',
        success: onSuccess,
        error: onError,
                iframe: false
        data: { "X-Requested-With": "XMLHttpRequest" } 
    }
);