lastIndexOf("&" + element.name + "=");
}
else if (type === ''image'')
{
index = requestBody.lastIndexOf("&" + element.name + ".x=");
}
}
else if ((element.tagName === ''BUTTON'') && (element.name.length !== 0) &&
(element.type === ''submit''))
{
index = requestBody.lastIndexOf("&" + element.name + "=");
}
if (index > 0)
{
additionalInput = requestBody.substring(index + 1);
}
}
if (additionalInput)
{
var inputArray = additionalInput.split("&");
for (var i = 0; i < inputArray.length; i++)
{
var nameValue = inputArray[i].split("=");
this._addHiddenElement(nameValue[0], decodeURIComponent(nameValue));
}
}
},
至于请求结束(超时或得到结果)后用于清除那些额外元素的方法也就顺理成章了:
_removeAdditionalHiddenElements : function()
{
var hiddens = this._hiddens;
delete this._hiddens;
for (var i = 0; i < hiddens.length; i++)
{
hiddens[i].parentNode.removeChild(hiddens[i]);
}
hiddens.length = 0;
},
至此,我们的客户端组件已经编写完毕了。不过您应该产生疑问:通过IFrame传递数据的代码在哪里啊?我们接下来就来解释这个问题。
自定义Execute方法
之前我已经描述过这个组件的一个特点:由于使用IFrame传递数据的逻辑非常复杂,因此我将其与控件的逻辑进行分离,这样用户就可以在需要时对这部分逻辑进行修改。此外这种做法还可以避免UpdatePanelFileUpload与某个特定的JavaScript框架绑定,用户可以选择一个符合自己应用程序的做法来实现这部分逻辑。因此UpdatePanelFileUpload释放出一个属性ExecuteMethod,它会在页面上写上“AspNetAjaxExtensions.UpdatePanelIFrameExecutor._executeForm = ”这样的代码。而ExecuteMethod会在UpdatePanelIFrameExecutor的executeRequest方法内被调用。ExecuteMethod方法接受三个参数:“form”,“onSuccess”和“onFailure”。第一个参数为需要Post的Form,而后两个参数都为回调函数,供ExecuteMethod在合适的时候调用。
jQuery的Form插件提供了一个将内容Post到一个IFrame的功能,因此我在这里提供一个基于jQuery的方法作为示例:
function htmlDecode(s)
{
}
function executeForm(form, onSuccess, onFailure)
{
$("#"+ form.id).ajaxSubmit({
url : form.action,
type : "POST",
error : onFailure,
success: getOnSuccessHandler(onSuccess)});
}
function getOnSuccessHandler(onSuccess)
{
return function(content)
{
if (content.startsWith("<PRE>") || content.startsWith("<pre>"))
{
content = content.substring(5);
}
if (content.endsWith("</PRE>") || content.endsWith("</pre>"))
{
content = content.substring(0, content.length - 6);
}
content = htmlDecode(content);
if (content.indexOf("\n") >= 0 && content.indexOf("\r\n") < 0)
{
content = content.replace(/\n/g, "\r\n");
}
onSuccess(content);
}
}
原本以为jQuery的Form插件提供了一个成熟的解决方案,可惜最后发现依旧不够完美。例如会在传输的结果两边加上“<PRE>”和“</PRE>”标签,还会将其中的字符进行编码,这迫使我们在得到结果后还