使用javascript 完成异步数据提交(AJAX)

2016-02-19 20:04 7 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的使用javascript 完成异步数据提交(AJAX),喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

  使用javascript进行异步提交数据比直接使用现成的AJAX控件效率高很多(我只使用过ajax.net)

  实验发现可以提交大容量数据——实验到40K左右

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

function doSubmit()
{
.......
var urlParameter="cfg="+urlPara1
    +"&type="+vkeytype
    +"&starttime="+vstarttime
    +"&endtime="+vendtime
    +"&subject="+vsubject;
  //alert(vsubject);
  //return;
  
  if (typeof XMLHttpRequest != 'undefined')
    {
      httpRequest3 = new XMLHttpRequest();
    }
    else if (typeof ActiveXObject != 'undefined')
    {
      httpRequest3 = new ActiveXObject('Microsoft.XMLHTTP');
    }
    if (httpRequest3)
    {
      httpRequest3.open('POST', "/后台页面.aspx", true);//true为异步
      httpRequest3.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      httpRequest3.onreadystatechange=onComplete;
      httpRequest3.send(urlParameter);
    }
  
  currentPage=n;
  return;
}
  function onComplete()
  {
    if(4==httpRequest3.readyState)
    {
      //alert(httpRequest3.responseText);
      if(200==httpRequest3.status)
      {        
        var retText=httpRequest3.responseText;
        document.getElementById("mainlist").innerHTML=retText;
      }
    }
  }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1622661.html

延伸阅读
作为Web应用程序模型的AJAX的出现使服务器端的面貌发生了巨大的变化。用户对着Web页面填写表单并单击提交按钮转到下一个链接的典型Web使用模式现在正在转变为更先进的客户端JavaScript以及功能更丰富的用户界面,只要对表单进行操作,比如单击一个复选框、按下一个键或将鼠标移到一个选项卡上,该用户界面就会不断地与服务器交互。 考...
标签: Web开发
代码如下: document.write('DIV id="loadingg"  style="HEIGHT:65px; WIDTH: 205px;POSITION: absolute; Z-INDEX:1000;border:3px #fff solid;text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#660000;background:#222;opacity:.7;-m...
标签: Web开发
在网络浏览器软件中,可以Internet Explorer (IE)现在是一种标准的软件。可以看到,运行不同版本的Windows操作系统(和很多其他的操作系统)的每一台机器几乎都使用IE。微软已经通过ActiveX控件将IE的功能包含在执行成熟的XML处理技术中。 在本篇文章中,我们将讲述如何在IE中使用ActiveX功能来访问并解析XML文档,由此允许网络冲浪者操...
标签: Web开发
之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话...
标签: Web开发
   近日学习了一下AJAX,照做了几个例子,感觉比较新奇。    第一个就是自动完成的功能即Autocomplete,具体的例子可以在这里看: http://www.b2c-battery.co.uk    在Search框内输入一个产品型号,就可以看见效果了。    这里用到了一个开源的代码: AutoAssist ,有兴趣的可以看一下。  ...

经验教程

495

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部