[转]浏览器URL长度限制

URL也有长度限制？

微软说："Maximum URL length is 2,083 characters in Internet Explorer"
我们在Pricing系统开发中挑战了一下这个长度，结果以失败告终！......

问题描述：系统中通过一个QLookUp选取Vendor相关信息，包括vendor code, vendor name, vendor site, currency, trade term, ship way, tax七项信息。把处理这些信息的SQL语句和JS语句通过URL传到QLookUPSearchPage.aspx页面来查找数据时，因为URL太长而出错！

QLookUp：
简单来说，它是一个用户控件，通过URL把SQL语句和页面要执行的JS语句传到QLookUPSearchPage.aspx这个页面来查到相应的数据，并返回给调用页面。

Pricing 系统广泛并深入的应用了QLookUp控件。如下图Vendor Code。

点出来的页面如下：

因为当点选Vendor Code时还会把QLookUp查出来的数据赋给旁边的其它五个控件(Vendor Name....Ship Way)，所以它的CustomerFunction属性就会很长：

<uc1:QLookUp ID="QLookUpVendorNew" runat="server" AllowOnBlurEvent="true" OnQLookUPSelected="QLookUpVendorNew_Selected" ServiceMethod="GetVendorCodeList" CustomerFunction="if(clear!=1){objTextBoxText.value=arrayValue[1];document.getElementById('HiddenVendorIDNew').value=arrayValue[0];document.getElementById('QTextBoxVendorNameNew').value=arrayValue[2];document.getElementById('QTextBoxVendorSiteNew').value=arrayValue[3];if(arrayValue[6].length > 0){var DropDownListCurrencyNew = document.getElementById('DropDownListCurrencyNew'); for(i=0;i<DropDownListCurrencyNew.options.length;i++){if(DropDownListCurrencyNew.options[i].text==arrayValue[6]){DropDownListCurrencyNew.options[i].selected = true;}}}  if(arrayValue[4].length > 0){document.getElementById('DropDownListTradeTermNew').value=arrayValue[4];} else{document.getElementById('DropDownListTradeTermNew').options[0].selected=true;}  if(arrayValue[5].length > 0){document.getElementById('DropDownListShipWayNew').value=arrayValue[5];} else{document.getElementById('DropDownListShipWayNew').options[0].selected=true;} } else {document.getElementById('HiddenVendorIDNew').value='';document.getElementById('QTextBoxVendorNameNew').value='';document.getElementById('QTextBoxVendorSiteNew').value='';document.getElementById('DropDownListCurrencyNew').options[0].selected=true;document.getElementById('DropDownListTradeTermNew').options[0].selected=true;document.getElementById('DropDownListShipWayNew').options[0].selected=true;}" alt="required::MSG500014::QButtonAdd" TextBoxCss="QTextBox" Width="160px" WindowTitle="Select Vendor" />

为了看起来清晰点，我把CustomerFunction提出来，格式化后如下：

CustomerFunction = "

if(clear!=1)
{
    objTextBoxText.value=arrayValue[1];
    document.getElementById('HiddenVendorIDNew').value=arrayValue[0];
    document.getElementById('QTextBoxVendorNameNew').value=arrayValue[2];
    document.getElementById('QTextBoxVendorSiteNew').value=arrayValue[3];
    if(arrayValue[6].length>0)
    {
        var DropDownListCurrencyNew=document.getElementById('DropDownListCurrencyNew');
        for(i=0;i<DropDownListCurrencyNew.options.length;i++)
        {
            if(DropDownListCurrencyNew.options[i].text==arrayValue[6])
            {
                DropDownListCurrencyNew.options[i].selected=true;
                
            }
        }
    }if(arrayValue[4].length>0)
    {
        document.getElementById('DropDownListTradeTermNew').value=arrayValue[4];
        
    }else 
    {
        document.getElementById('DropDownListTradeTermNew').options[0].selected=true;
        
    }if(arrayValue[5].length>0)
    {
        document.getElementById('DropDownListShipWayNew').value=arrayValue[5];
        
    }else 
    {
        document.getElementById('DropDownListShipWayNew').options[0].selected=true;
        
    }
}else 
{
    document.getElementById('HiddenVendorIDNew').value='';
    document.getElementById('QTextBoxVendorNameNew').value='';
    document.getElementById('QTextBoxVendorSiteNew').value='';
    document.getElementById('DropDownListCurrencyNew').options[0].selected=true;
    document.getElementById('DropDownListTradeTermNew').options[0].selected=true;
    document.getElementById('DropDownListShipWayNew').options[0].selected=true;
    
}"

我们来看看点击QLookUp的Search img后，弹出来的QLookUPSearchPage.aspx页面的URL是什么：

http://localhost/Pricing/Web/Public/QLookUPSearchPage.aspx?SQL=+WOeqS2Mk/H6E9ICwIOpVbfgAjIPH2onkkRF7fO6kaqZMiq7gRww2LfgAjIPH2onb0G0aFlDKnaVkj5ZYTna9yDKAZJIz8t1GzKRU95Ah7BZ9czLL/8qv94OjoxTQh3qpAIlrIFYcgI/yWSRJXF+z0WkMLZGBidybjtuO86fXa/6zGD5BBrbqWLysS4RIoiQ/Oq2RKy/Ajodoh7HD8ZKV1oFf7uPqCGstAVtzlVyUgjRZefLedBftM8UdZ8W+v33hsuJ6UTHjFEt8ANGdu0TZwypvrgOaoLbUqMWW37vSb1h4RbPScczZKhU88sr+56rVETs2B/XEur5ykVwvKf+1Q==&DataSource=9lDQbyO73rk=&ReturnClientID=QLookUpVendorNew&DataSourceType=EPS&WindowTitle=Select Vendor&CustomerFunction=if(clear!=1){objTextBoxText.value=arrayValue[1];document.getElementById('HiddenVendorIDNew').value=arrayValue[0];document.getElementById('QTextBoxVendorNameNew').value=arrayValue[2];document.getElementById('QTextBoxVendorSiteNew').value=arrayValue[3];if(arrayValue[6].length > 0){var DropDownListCurrencyNew = document.getElementById('DropDownListCurrencyNew'); for(i=0;i<DropDownListCurrencyNew.options.length;i!!!lionel!!!!!!lionel!!!){if(DropDownListCurrencyNew.options[i].text==arrayValue[6]){DropDownListCurrencyNew.options[i].selected = true;}}}  if(arrayValue[4].length > 0){document.getElementById('DropDownListTradeTermNew').value=arrayValue[4];} else{document.getElementById('DropDownListTradeTermNew').options[0].selected=true;}  if(arrayValue[5].length > 0){document.getElementById('DropDownListShipWayNew').value=arrayValue[5];} else{document.getElementById('DropDownListShipWayNew').options[0].selected=true;} } else {document.getElementById('HiddenVendorIDNew').value='';document.getElementById('QTextBoxVendorNameNew').value='';document.getElementById('QTextBoxVendorSiteNew').value='';document.getElementById('DropDownListCurrencyNew').options[0].selected=true;document.getElementById('DropDownListTradeTermNew').options[0].selected=true;document.getElementById('DropDownListShipWayNew').options[0].selected=true;}

数了一下：1857个字符。OK，截止目前，一切正常。

但是，新的需求来了，页面上要加Tax, 值也是从QLookUp中和Vendor Code一起选出来。
不用多想，肯定是往SQL和CustomerFunction两个属性里继续加。
但是加上以后就发现QLookUp摆工了，选不过来数据了。反复的Check也没发现SQL和CustomerFunction有什么语法错误。给CustomerFunction中加了一个alert(''), 竟然放到任何地方都不弹出Message。奇怪...？
把新加的所有内容全部去掉，还原到上面那样就没问题。
最后把Lionel同学拉过过一起研究，他说了一句“难道是URL太长了？”。
嗯？URL长度还有限制？先测试一下再说。把所有新加的内容一点点去掉，到某一点时，发现玄机：
给CustomerFunction中加一个alert('B'),      有问题;
把alert('B')改成var a;                                  没问题了
再把var a改成var a; var b;                          有问题

很明显，确实是CustomerFunction的长度导致了URL过长，从而引发了这个问题。

最后来Check一下有问题的URL：

http://localhost/Pricing/Web/Public/QLookUPSearchPage.aspx?SQL=+WOeqS2Mk/H6E9ICwIOpVbfgAjIPH2onkkRF7fO6kaqZMiq7gRww2LfgAjIPH2onb0G0aFlDKnaVkj5ZYTna9yDKAZJIz8t1GzKRU95Ah7BZ9czLL/8qv94OjoxTQh3qpeffefefeAIlrIFYcgI/yWSRJXF+z0WkMLZGBidybjtuO86fXa/6zGD5BBrbqWLysS4RIoiQ/Oq2RKy/Ajodoh7HD8ZKV1oFDFDGEdfwHBDFDFewf7uPqCGstAVtzlVyUgjRZefLedBftM8UdZ8W+v33hsuJ6UTHjFEt8ANGdu0TZwypvrgOaoLbUqMWW37vSb1h4RbPScczZKhU88sr+56rVETs2Bwrwr2324545322dfdf34t5Ggsde56rerFfdfytDFDFF85684hhhfhfghfjfn/XEur5ykVwvKf+1Q==&DataSource=9lDQbyO73rk=&ReturnClientID=QLookUpVendorNew&DataSourceType=EPS&WindowTitle=Select Vendor&CustomerFunction=if(clear!=1){ objTextBoxText.value=arrayValue[1]+' '+arrayValue[2];document.getElementById('HiddenVendorIDNew').value=arrayValue[0];document.getElementById('QTextBoxVendorNameNew').value=arrayValue[2];document.getElementById('QTextBoxVendorSiteNew').value=arrayValue[3]; document.getElementById('QTextBoxVendorTaxNew').value=arrayValue[7];if(arrayValue[6].length > 0){var DropDownListCurrencyNew = document.getElementById('DropDownListCurrencyNew'); for(i=0;i<DropDownListCurrencyNew.options.length;i!!!lionel!!!!!!lionel!!!){if(DropDownListCurrencyNew.options[i].text==arrayValue[6]){DropDownListCurrencyNew.options[i].selected = true;}}}  if(arrayValue[4].length > 0){document.getElementById('DropDownListTradeTermNew').value=arrayValue[4];} else{document.getElementById('DropDownListTradeTermNew').options[0].selected=true;}  if(arrayValue[5].length > 0){document.getElementById('DropDownListShipWayNew').value=arrayValue[5];} else{document.getElementById('DropDownListShipWayNew').options[0].selected=true;} } else {document.getElementById('HiddenVendorIDNew').value='';document.getElementById('QTextBoxVendorNameNew').value=''; document.getElementById('QTextBoxVendorTaxNew').value=’’;document.getElementById('QTextBoxVendorSiteNew').value='';document.getElementById('DropDownListCurrencyNew').options[0].selected=true;document.getElementById('DropDownListTradeTermNew').options[0].selected=true;document.getElementById('DropDownListShipWayNew').options[0].selected=true;}

数了一下：2087个字符。

我们来了解一下微软的说法：
http://support.microsoft.com/default.aspx?scid=kb;EN-US;q208427

Maximum URL length is 2,083 characters in Internet Explorer
Microsoft Internet Explorer has a maximum uniform resource locator (URL) length of 2,083 characters. Internet Explorer also has a maximum path length of 2,048 characters. This limit applies to both POST request and GET request URLs. 

If you are using the GET method, you are limited to a maximum of 2,048 characters, minus the number of characters in the actual path.

However, the POST method is not limited by the size of the URL for submitting name/value pairs. These pairs are transferred in the header and not in the URL. 

RFC 2616, "Hypertext Transfer Protocol -- HTTP/1.1," does not specify any requirement for URL length. 

已经明了. 我们最后的做法：

用一个JS function来给CustomerFunction瘦身，如下：

 <uc1:QLookUp ID="QLookUpVendorNew" runat="server" SelectOnly = "true"
                            CustomerFunction="if(clear!=1){objTextBoxText.value=arrayValue[1]+' '+arrayValue[2];SelectNewVendor(arrayValue);}else {document.getElementById('HiddenVendorIDNew').value='';document.getElementById('QTextBoxVendorTaxNew').value='';document.getElementById('QTextBoxVendorCurrencyNew').value='';document.getElementById('QTextBoxVendorSiteNew').value='';document.getElementById('DropDownListCurrencyNew').options[0].selected=true;document.getElementById('DropDownListTradeTermNew').options[0].selected=true;document.getElementById('DropDownListShipWayNew').options[0].selected=true;}"
                            alt="required::MSG500014::QButtonAdd" TextBoxCss="QTextBox" Width="160px" WindowTitle="Select Vendor" />

 

<script type="text/javascript">
        function SelectNewVendor(arrayValue)
        {
            document.getElementById('HiddenVendorIDNew').value=arrayValue[0];
            document.getElementById('QTextBoxVendorSiteNew').value=arrayValue[3];
            document.getElementById('QTextBoxVendorTaxNew').value=arrayValue[7];
            document.getElementById('QTextBoxVendorCurrencyNew').value=arrayValue[6];
            var dropCurrency=document.getElementById('DropDownListCurrencyNew');
            var dropTradeTerm=document.getElementById('DropDownListTradeTermNew');
            var dropShipway=document.getElementById('DropDownListShipWayNew');
             var neverSelect = true;
            //Currency DropDownList 
            if(arrayValue[6].length>0)
            {    
                neverSelect = true;           
                for(i=0;i<dropCurrency.options.length;i++)
                {
                    if(dropCurrency.options[i].text==arrayValue[6])
                    {
                        dropCurrency.options[i].selected=true;   
                        neverSelect = false;                        
                    }
                }               
                if(neverSelect == true) 
                {
                    dropCurrency.options[0].selected=true;       
                }   
            }
            else 
            {
                dropCurrency.options[0].selected=true;                
            }
            //Trade Term DropDownList
            if(trim(arrayValue[4]).length>0)
            {
                neverSelect = true;         
                for(i=0;i<dropTradeTerm.options.length;i++)
                {
                    if(dropTradeTerm.options[i].text==arrayValue[4])
                    {
                        dropTradeTerm.options[i].selected=true;   
                        neverSelect = false;                     
                    }
                }
                if(neverSelect == true) 
                {
                    dropTradeTerm.options[0].selected=true;       
                }    
            }
            else 
            {
                dropTradeTerm.options[0].selected=true;                
            }
            //Ship Way DropDownList
            if(arrayValue[5].length>0)
            {
                neverSelect = true;         
                for(i=0;i<dropShipway.options.length;i++)
                {
                    if(dropShipway.options[i].text==arrayValue[5])
                    {
                        dropShipway.options[i].selected=true;   
                        neverSelect = false;                     
                    }
                }
                if(neverSelect == true) 
                {
                    dropShipway.options[0].selected=true;       
                }
            }
            else
            {
                dropShipway.options[0].selected=true;                
            }
        }
        </script>

最后的URL：

http://hi4-ibmsv503/Pricing/Public/QLookUPSearchPage.aspx?SQL=+WOeqS2Mk/H6E9ICwIOpVbfgAjIPH2onkkRF7fO6kaqZMiq7gRww2LfgAjIPH2onb0G0aFlDKnaVkj5ZYTna9yDKAZJIz8t1GzKRU95Ah7BZ9czLL/8qv94OjoxTQh3qpAIlrIFYcgI/yWSRJXF+z0WkMLZGBidybjtuO86fXa/6zGD5BBrbqWLysS4RIoiQ/Oq2RKy/Ajodoh7HD8ZKV1oFf7uPqCGsYmBs6Ube9i5JGkg0e8sb/nN7x9b9SP8PqbyXWTXVbt98DyOiAYKN7awxVOfHJWy0OvMz9rA7KFv0p59zuOD8FNbB0jGbe/2Pu3D1GXeh6WxVE+6UVgrd8TRHpTYtNEN3KQhuZPWNhUI=&DataSource=9lDQbyO73rk=&ReturnClientID=QLookUpVendorNew&DataSourceType=EPS&WindowTitle=Select Vendor&CustomerFunction=if(clear!=1){objTextBoxText.value=arrayValue[1]!!!lionel!!!' '!!!lionel!!!arrayValue[2];SelectNewVendor(arrayValue);}else {document.getElementById('HiddenVendorIDNew').value='';document.getElementById('QTextBoxVendorTaxNew').value='';document.getElementById('QTextBoxVendorCurrencyNew').value='';document.getElementById('QTextBoxVendorSiteNew').value='';document.getElementById('DropDownListCurrencyNew').options[0].selected=true;document.getElementById('DropDownListTradeTermNew').options[0].selected=true;document.getElementById('DropDownListShipWayNew').options[0].selected=true;}

长度：1128个字符，OK了。