`

JS中Ajax的实现部分

    博客分类:
  • JS
阅读更多

2015-9-1

 

var url = "<%=servletName%>?user="+username.value+"&pwd="+password.value;
  var xmlHttp = createXMLHttpRequest();                    
  xmlHttp.onreadystatechange = function() {        
  if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {                        
   var message = xmlHttp.responseText; //获取返回文本值                        
   if(isStrEq(message, "succeed")) {
   login.remember(username.value, password.value);
          window.location.href = "/scfz/default.jsp";
   } else {
    $("trTip").style.display = "block";
    $("tip").innerHTML = message;
    username.focus();
   }
  }
 };  
 xmlHttp.open("POST", url, true);
 xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 xmlHttp.send(null);
       //生成XMLHTTPRequest
        function createXMLHttpRequest() {
 if(window.XMLHttpRequest) {
  return new XMLHttpRequest();
 } else if(window.ActiveXObject) {
  return new ActiveXObject("Microsoft.XMLHTTP");
 }
       }

分享到:
评论

相关推荐

    使用Ajax实现页面表格添删改查的异步刷新操作

    AJAX实现页面表格的添删改查操作,异步刷新,有温馨手册,直接部署到项目即可使用,数据库已备,非常方便的代码。

    PHPAJAX实现无刷新下载文件实例(MySQL)

    PHP AJAX实现一款无刷新下载文件的实例,同时与MySQL数据库连接,前端配合CSS与JavaScript技术,完成了一个漂亮的下载页面,这个页面是网页前端编程的综合展现。鼠标在下载列表移动的时候,会适时出现下载提示,抛去...

    Ajax部分效果制作,主要是通过js实现的

    Ajax部分效果制作,主要是通过js实现的

    基于H5+js+ajax+java的个人空间的实现

    个人空间的开发,包括前台和后台两部分,前台采用H5+JavaScript+ajax编写,后台使用Java编写(没有使用框架),代码比较简洁,界面因为时间限制没有美化太多,不过用来练手js+ajax和后台的交互

    Ajax-gunbasic-js.zip

    编写ajax代码只需要一行客户端js和服务器中的实现。适用于快速成型和团队开发。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小...

    收集一些使用mootools.js 实现的ajax效果集代码.rar

    收集一些使用mootools.js 实现的ajax效果集代码,虽然是前些年的例子,不过大部分依然都是很流行的,也可以拿去当作前端开发的参考范例了。里面涉及了层操作、拖动、表单、时间日期、动画、图片特效等众多效果,而且...

    纯JS实现AJAX局部刷新功能

    下面给大家介绍JS实现AJAX局部刷新功能,具体内容如下所示: 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 // 创建...

    Js 前台ajax 分页功能代码集.rar

    叶子JavaScript分页实例,JS分页代码,实现类似ajax分页的效果,无刷新实现分页功能,用JS模拟出了动态获取分页字符串进行无刷新分页的过程,里面的例子有7个,每一个都有不同的分页样式。请注意,此代码不包括后台...

    php ajax 实现的网页

    用php写的网页,通过ajax请求来向服务器数据库查询数据,并返回查询结果来实现不刷新网页动态变化网页的一部分内容。压缩包中含有数据库代码,javascirpt代码,php代码,css代码。将sql文件直接导入mysql,剩下的...

    Ajax-magento2-catalog-infinite-scroll.zip

    Ajax-magento2-catalog-infinite-scroll.zip,免费的Magento 2扩展,为目录添加无限滚动功能(通过AJAX实现)编码教程,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。...

    前端弹出对话框 js实现ajax交互

    实现思路:在窗口铺上蒙板以屏蔽原窗口功能按钮操作,在蒙板上层绝对定位实现弹窗,弹窗中的数据交互采用ajax方式。 出发弹窗事件用onclick.  关键细节:弹窗和原窗体本质是同页面,为了描述方便,姑且称底层窗体...

    javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

    本文实例讲述了javascript和 jQuery中的AJAX技术。分享给大家供大家参考,具体如下: 1.什么是AJAX? AJAX即“Asynchronous Javascript And XML”...尽管随着JS框架的盛行,在jQuery中,实现AJAX过程相当简单,但是对于

    原生JS简单实现ajax的方法示例

    本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考,具体如下: HTML部分: &lt;body&gt; &lt;input type=button value=Ajax提交 onclick=Ajax(); /&gt; &lt;div id=resText&gt;&lt;/div&gt; &lt;/body&gt; 这里...

    django+js+ajax实现刷新页面的方法

    本文实例讲述了django+js+ajax实现刷新页面的方法。分享给大家供大家参考,具体如下: 在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服务器。这样可以将...

    Ajax基础教程(扫描版)

    8.1.3 实现部分页面绘制 210 8.1.4 实现可拖放dom 211 8.2 避免常见的陷阱 212 8.3 相关的更多资源 214 8.4 使用框架 216 8.5 taconite介绍 216 8.5.1 taconite原理 217 8.5.2 解决方案 217 8.5.3 taconite...

    Java基础部分 Java代码查错算法与编程html&JavaScript&ajax部分面试题

    58、Collection框架中实现比较要实现什么接口 2 59、ArrayList和Vector的区别 2 60、HashMap和Hashtable的区别 2 61、List 和 Map 区别? 2 62、List, Set, Map是否继承自Collection接口? 2 63、List、Map、Set三个...

    原生JS与jQuery对AJAX的实现

    AJAX=AsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下。就是利用JS来无...

    ajax学习文档

    Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态...

    Ajax 跨域如何实现

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的...

Global site tag (gtag.js) - Google Analytics