Web层改进II-用xmlhttp 无声息提交复杂表单

 更新时间:2007年01月22日 00:00:00   作者:  
xmlhttp是在RIA时代没有来临之前,最能使B/S程序远离每个动作刷新一次页面的痛苦做法,同时也是最平民化的一项技
术,HelloWord几句话就完成了。
    不过,大家对xmlhttp的应用大多只以Get方式在URL里传递少数的变量。其实即使是大量数据的Form,,只要用
Javascript稍加封装,,一样可以用简单的用xmlhttp完成提交,真正做到让用家宾至如归,不到页面本身需要刷新的时候
,决不去刷新用家的界面。
客户端:
function xmlhttp_submit(form_object,url)
for i = 0 to  form_object.elements.length-1
set elem = form_object.elements(i)
form_value=form_value & URLEncoding(elem.name) & "=" & URLEncoding(elem.value) &"&"
Next
set xmlhttp = CreateObject("Microsoft.XMLHTTP")
xmlhttp.open "POST",url,false
xmlhttp.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded"
xmlhttp.send(form_value)
end function
上面这段代码遍历了form里的对象,组装出form_value字串,然后通过send()方法以POST方式(不受长度限制)发送给服务
器端。 
又是经典的中文编码问题,需要加多一个URLEncoding函数把变量值的字符串编成UTF-8格式,也因此要采用自己不熟悉的
VBScript来写form_submit() 。
Function URLEncoding(vstrIn)
strReturn = ""
For i = 1 To Len(vstrIn)
ThisChr = Mid(vStrIn,i,1)
If Abs(Asc(ThisChr)) < &HFF Then
strReturn = strReturn & ThisChrElse
innerCode = Asc(ThisChr)
If innerCode < 0 Then
innerCode = innerCode + &H10000
End If
Hight8 = (innerCode  And &HFF00)\ &HFF
Low8 = innerCode And &HFF
strReturn = strReturn & "%" & Hex(Hight8) &  "%" & Hex(Low8)
End IfNext
URLEncoding = strReturn
End Function
服务器端
没有任何需要特别作的东西,如常响应请求就是了。

相关文章

  • javascript从image转换为base64位编码的String

    javascript从image转换为base64位编码的String

    选择webview把image以base64位编码的方式传给本地应用,就不需要再取一次图片文件了,从而提高了速度
    2014-07-07
  • JS文本框不能输入空格验证方法

    JS文本框不能输入空格验证方法

    JS文本框不能输入空格验证方法,需要的朋友可以参考一下
    2013-03-03
  • javascript实现回到顶部特效

    javascript实现回到顶部特效

    当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。
    2015-05-05
  • JS实现文档加载完成后执行代码

    JS实现文档加载完成后执行代码

    本文给大家讲述的是使用javascript实现文档加载完成后再执行代码的方法和示例,非常简单实用,有需要的小伙伴可以参考下。
    2015-07-07
  • js 动态选中下拉框

    js 动态选中下拉框

    js 动态选中下拉框
    2009-11-11
  • jquery及原生js获取select下拉框选中的值示例

    jquery及原生js获取select下拉框选中的值示例

    有一id=test的下拉框,怎么拿到选中的那个值呢?本文将采用javascript原生的方法及jquery方法(前提是已经加载了jquery库)来简单实现下
    2013-10-10
  • JavaScript 读取图片实例代码

    JavaScript 读取图片实例代码

    本章主要介绍通过JavaScript读取图片的例子,本例子不包含服务器端后台代码,只包含前台页面代码,所以直接用Html文件就可以,代码如下,因为包含详细的注意,所以不再详细说明了,如果有看不明白的,可以给我留言,我给大家具体答复。
    2009-11-11
  • js如何计算斐波那契数列第n项的值

    js如何计算斐波那契数列第n项的值

    这篇文章主要介绍了js如何计算斐波那契数列第n项的值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Bootstrap modal只加载一次数据的解决办法(推荐)

    Bootstrap modal只加载一次数据的解决办法(推荐)

    这篇文章主要介绍了Bootstrap modal只加载一次数据的解决办法,以及bootstrap模态框的简单使用,需要的朋友可以参考下
    2017-11-11
  • js 获取扫码枪输入数据的方法

    js 获取扫码枪输入数据的方法

    这篇文章主要介绍了js 获取扫码枪输入数据的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06

最新评论