在showModalDialog中使用post方法传递参数

SharePoint从2010的版本开始，提供了一个自己的打开模态窗口的方法：showModalDialog。这个方法的options参数接收一个url，这个url就是在模态窗口中打开的页面的url。

以下是通常我们使用showModalDialog的方法，首先构造options，提供url（其中包含一些query string）和其他的例如长宽的参数：

function ShowModalDialog(longUrl) {
        var options = {
            url: longUrl,
            tite: 'Test Long Url',
            width: 500,
            height: 400,
            dialogReturnValueCallback: DialogCallback
        };
        SP.UI.ModalDialog.showModalDialog(options);
   }

ShowModalDialog("http://localhost/sites/abc.aspx?p=jfsjfsjjslkfjksdjflsjfskljskdfsdlj..."); //打开abc.aspx页面，但是传入一个超出url长度的参数p

在abc.aspx的后台代码abc.aspx.cs中，是这样获取p这个参数的值的：

string value = Request.Params["p"];

这段代码其实是有问题的，如果p的值太长，导致url超长的话，在页面后台获取的参数值就被截断了。原因是showModalDialog使用get方法打开这个页面，也就是说，url的长度是受到限制的，必须小于4096字节，否则会被截断。也许有人会说，可以使用options中的args参数，可以传递一个对象，但是这个对象在abc页面的后台代码中是取不到的。

那么showModalDialog能不能使用post的方式打开abc页面呢？这样就不会有截断的问题了，showModalDialog本身是不支持的，但是我们可以使用options中的html参数和iframe来达到同样的目的，下面是options中的html参数的说明：

也就是说，在使用showModalDialog打开页面的时候，可以自己写html，但是不能写纯字符串，而是一个DOM element。所以我们可以定义一个iframe，使用iframe提交post请求：

function ShowModalDialog(url, bigData) {
        var iframe = document.getElementById("postiframe");
        if (!iframe) {
            iframe = document.createElement("iframe");
            iframe.id = "postiframe";
            iframe.name = "postiframe";
            iframe.frameborder = "0";
            iframe.style.width = "500px";
            iframe.style.height = "400px";
        }
        var myForm = document.createElement("form");
        myForm.id = "formtosubmit";
        myForm.method = "post";  //使用post方式提交
        myForm.action = url + "&isDlg=1"; //以dialog方式打开
        myForm.target = iframe.id;
        var dataInput = document.createElement("input");
        dataInput.name = "bigData";
        dataInput.value = arg;  //将值赋予这个隐藏的field
        var submitInput = document.createElement("input");
        submitInput.setAttribute('type', "submit");
        myForm.appendChild(hiddenField);
        myForm.appendChild(submitField);
        document.body.appendChild(myForm);

        var options = {
            //url: url,
            html:iframe,
            tite: '',
            width: 500,
            height: 400,
            dialogReturnValueCallback: DialogCallback
        };
        SP.UI.ModalDialog.showModalDialog(options);
        myForm.submit();
        document.body.removeChild(myForm);
}

ShowModalDialog(“http://localhost/sites/abc.aspx”, "sdfsdfsfsfsfsfss...");

这样就可以在abc页面的后台代码中，通过

Request.Form["bigData"]

来获得post的数据了。这样就可以通过showModalDialog传递任意长度的数据了。