动态网页中javascript的异步提交实现

原创 2005年04月28日 09:31:00

以下世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)+"&param2="+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 异步提交表单的6种方式

零、在学习异步提交表单之前,先来学习几个JQuery方法和属性 1、serialize():序列表格内容为字符串。如下: queryBean.orderBy=OPERATE_TIME&que...
  • liupeifeng3514
  • liupeifeng3514
  • 2018年01月06日 13:01
  • 141

js 实现iframe + form异步文件提交方案分析

现有世面上成熟的上传组件一大把,其中著名的有 swfUpload组件, jquery的webupload。         自身业务中一开始也采用了swfupload组件,其优点如进度显示,异步回...
  • xiaoxigua666
  • xiaoxigua666
  • 2016年01月18日 18:51
  • 1580

javascript之动态网页编程

第一章  JavaScript简介 JavaScript在HTML中的使用: 在网页文件的标签对中直接编码 将程序代码放置在一个单独的文件中,在网页的适当位置引用这个文件 将程序代码作为某个元...
  • chejinqiang
  • chejinqiang
  • 2015年03月07日 16:21
  • 672

纯javascript的ajax实现php异步提交表单

很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想...
  • yipiankongbai
  • yipiankongbai
  • 2013年09月03日 23:09
  • 9518

网络爬虫:爬取动态网页(例如javascript)

经过一段时间的摸索,终于有了一套爬取动态网页的方法,此方法适合大多数的动态网页爬取,至于另外少数的动态网页爬取,还必须利用其它的办法。在此分享给大家。举例:例如在百度中搜索成语词典,显示如下,需要爬取...
  • yanjie415876780
  • yanjie415876780
  • 2015年12月14日 20:22
  • 9530

原生javascript实现异步的7种方式

原生的javascript 实现异步的方式其实远远不至7种, 大可以分3类, 延迟类型:setTimeout(setInterval也是可以的)、requestAnimationFrame、set...
  • zakkye
  • zakkye
  • 2015年05月21日 13:36
  • 3599

python爬取网页中javascript动态添加的内容(一)

这几天刚好在学Requests和BeautifulSoup结合做爬虫爬取网页内容,恰巧有个哥们在群里问select函数里应该怎么来填?我想也是我在学,不妨找他一起做做,如果能帮人那最好不过啦。 好吧...
  • lht_okk
  • lht_okk
  • 2016年12月01日 10:23
  • 5615

SpringMVC中的异步提交表单

1.前言 最近在做一个项目,前台框架用的是EasyUI+SpringMVC,由于对SpringMVC不太了解,所以刚开始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结...
  • ZHOUCHAOQIANG
  • ZHOUCHAOQIANG
  • 2015年07月14日 16:20
  • 2539

JS当中的Ajax异步交互(详细笔记)

Ajax 1. Ajax 是Asynchronous JavaScript and XML的缩写,异步的JavaScript和XML. Ajax描述了一种主要使用脚本操作H...
  • Bug_money
  • Bug_money
  • 2017年01月21日 12:10
  • 1681

ajax中如何实现异步提交表单

ajax中很重要的一个功能就是实现表单的不刷新提交,现在我们利用jquery和php实现这个功能   首先我们写一个表单,我们命名为ajaxform.html,表单的代码如下:    用户名: ...
  • hxy19971101
  • hxy19971101
  • 2017年02月21日 20:18
  • 3703
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态网页中javascript的异步提交实现
举报原因:
原因补充:

(最多只允许输入30个字)