动态网页中javascript的异步提交实现
2005-04-28 09:31
549 查看
以下世xmlHttp对象产生和提交的一个例子:
xmlHttp.js
var xmlhttp,alerted;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
} catch (E) {
alert("You must have Microsofts XML parsers available")
}
}
@else
alert("You must have JScript version 5 or above.")
xmlhttp=false
alerted=true
@end @*/
if (!xmlhttp && !alerted) {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
alert("You need a browser which supports an XMLHttpRequest Object./nMozilla build 0.9.5 has this Object and IE5 and above, others may do, I don't know, any info jim@jibbering.com")
}
}
function RSchange(){
if (xmlhttp.readyState==4) {
//alert(xmlhttp.responseText);
}
}
function submit(strUrl) {
if (xmlhttp) {
xmlhttp.open("post", strUrl,true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange=RSchange;
xmlhttp.send(null);
}
}
在jsp或者其他网页的form表单提交时,在js中使用:
submit("/project/servlet?param1="+URLEncode(p1)+"¶m2="+p2);
转码:
function URLEncode(fld)
{
if (fld == "") return "";
var encodedField = "";
var s = fld;
if (typeof encodeURIComponent == "function")
{
encodedField = encodeURIComponent(s);
}
else
{
encodedField = encodeURIComponentNew(s);
}
return encodedField;
}
xmlHttp.js
var xmlhttp,alerted;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
} catch (E) {
alert("You must have Microsofts XML parsers available")
}
}
@else
alert("You must have JScript version 5 or above.")
xmlhttp=false
alerted=true
@end @*/
if (!xmlhttp && !alerted) {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
alert("You need a browser which supports an XMLHttpRequest Object./nMozilla build 0.9.5 has this Object and IE5 and above, others may do, I don't know, any info jim@jibbering.com")
}
}
function RSchange(){
if (xmlhttp.readyState==4) {
//alert(xmlhttp.responseText);
}
}
function submit(strUrl) {
if (xmlhttp) {
xmlhttp.open("post", strUrl,true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange=RSchange;
xmlhttp.send(null);
}
}
在jsp或者其他网页的form表单提交时,在js中使用:
submit("/project/servlet?param1="+URLEncode(p1)+"¶m2="+p2);
转码:
function URLEncode(fld)
{
if (fld == "") return "";
var encodedField = "";
var s = fld;
if (typeof encodeURIComponent == "function")
{
encodedField = encodeURIComponent(s);
}
else
{
encodedField = encodeURIComponentNew(s);
}
return encodedField;
}
相关文章推荐
- 静态网页怎样实现动态交互?-JavaScript
- 纯javascript的ajax实现php异步提交表单的简单实例
- JavaScript动态创建form表单并提交的实现方法
- Python3实现抓取javascript动态生成的html网页功能示例
- 用超链接提交表单,实现在动态网页的url中隐藏参数
- 在网页中利用javascript实现动态时间的设计
- JavaScript结合PHP实现网页制作中双下拉菜单的动态实现
- javascript -- 在IE中如何实现将表单提交给动态创建的iframe
- JAVASCRIPT实现网页动态鼠标跟随
- JavaScript使网页显示动态效果并实现与用户交互功能。
- javascript动态向网页中添加表格实现代码
- 静态网页如何实现动态交互?-JavaScript
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载
- 用ASP和JavaScript实现网页上的动态分级目录
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- 纯javascript的ajax实现php异步提交表单
- 用JavaScript实现网页动态水印
- JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
- JavaScript动态创建form表单并提交的实现方法