`

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");
 }
       }

分享到:
评论

相关推荐

    js实现Ajax效果的增删改查

    在这个“js实现Ajax效果的增删改查”主题中,我们将深入探讨如何利用JavaScript和Ajax技术来实现数据库数据的CRUD(创建、读取、更新和删除)操作。 首先,我们需要理解Ajax的工作原理。Ajax通过创建XMLHttpRequest...

    纯js实现ajax无刷新三级联动

    本项目"纯js实现ajax无刷新三级联动"旨在利用JavaScript和Ajax技术,无需页面整体刷新即可实现多级选择联动效果,这种效果常见于下拉菜单的联动筛选中。在描述中提到,此项目使用了JSON格式进行数据交换,这有助于...

    ajax搜索下拉菜单提示js源代码

    总结,Ajax搜索下拉菜单提示js源代码是结合Ajax和JavaScript实现的一种动态搜索功能,通过监听用户输入、发送Ajax请求、处理返回数据并动态更新页面内容,提高了搜索的效率和用户体验。理解并掌握这些知识点,有助于...

    JavaScript+Ajax实现树形目录

    在JavaScript+Ajax实现树形目录的场景中,Ajax的作用在于: 1. **后台通信**:使用XMLHttpRequest对象或更现代的fetch API向服务器发送请求,获取目录数据。 2. **异步加载**:避免阻塞用户界面,允许在后台加载数据...

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

    总结来说,"使用Ajax实现页面表格添删改查的异步刷新操作"是一个高效且用户友好的前端技术实践,它结合了JavaScript和HTTP,实现了无刷新的数据交互,显著提升了网页应用的性能和交互性。在部署和使用过程中,应遵循...

    一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码

    "一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码"这个标题揭示了我们讨论的核心技术:JavaScript、AJAX以及客户端控件开发。这里的ToolTip是一种常见的用户界面元素,通常在鼠标悬停时显示额外...

    MicrosoftAjax.js 实现Ajax类库

    总的来说,MicrosoftAjax.js为.NET开发者提供了一个强大且易用的Ajax实现工具,使得在ASP.NET环境中构建动态、交互性强的Web应用变得更加便捷。它集成了完整的生命周期管理、错误处理、状态维护等功能,极大地提高了...

    javascript+Ajax实现词频统计

    在这个"javascript+Ajax实现词频统计"的项目中,我们将探讨如何利用这两种技术来创建一个实时更新的词频统计应用。 首先,JavaScript 是一种广泛使用的客户端脚本语言,它允许在用户浏览器上运行代码,为网页增加...

    纯JavaScript实现Ajax

    在本示例中,我们将探讨如何使用纯JavaScript实现Ajax,并调用Java代码来处理数据。 首先,我们需要了解Ajax的基本组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有现代浏览器都内置了这个...

    js实现AJAX源代码

    在JavaScript中实现AJAX,主要涉及以下几个关键知识点: 1. **XMLHttpRequest对象**:这是AJAX的基础,JavaScript通过创建XMLHttpRequest对象来与服务器进行异步通信。实例化这个对象,然后利用其方法和属性来发送...

    jQuery+ajax实现三级级联

    在这个“jQuery+ajax实现三级级联”的实例中,我们主要探讨如何利用这两种技术来创建一个能够逐级联动的下拉菜单系统,这在数据筛选和表单填写中十分常见,如地区选择、部门分类等场景。 首先,jQuery是一个轻量级...

    ajax实现用户登录注册

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,它允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这极大地提高了用户体验,因为用户可以在交互过程中保持对当前页面的...

    C#+js+ajax+MYSQL实现我的个人主页

    【标题】:“C#+js+ajax+MYSQL实现我的个人主页”这一项目主要涵盖了Web开发中的核心技术,通过结合C#后端处理、JavaScript前端交互、Ajax异步通信以及MySQL数据库存储,构建一个完整的个人主页系统。 【C#】:C#是...

    node.js+ajax 实现左右分栏+局部刷新

    `Node.js`作为一个强大的后端JavaScript运行环境,结合`AJAX`(Asynchronous JavaScript and XML)技术,可以实现这种功能。本教程将深入探讨如何利用`Node.js`与`AJAX`实现在网页上创建左右分栏并实现局部刷新。 ...

    jsp+ajax实现输入框自动搜索

    jsp+ajax实现输入框自动搜索 本文将详细介绍如何使用jsp和ajax技术实现输入框自动搜索功能,类似于百度搜索。 一、标题:jsp+ajax实现输入框自动搜索 该标题表明该技术使用jsp和ajax实现输入框自动搜索功能。 二...

    Ajax 实现级联菜单

    本项目"Ajax实现级联菜单"提供了完整的源码,对于学习和理解Ajax在实际项目中的应用非常有价值。通过阅读和分析代码,你可以深入了解如何结合JavaScript、DOM操作和服务器通信来实现这种常见的前端功能。

    Javascript & Ajax 中文手册

    AJAX 的核心是 XMLHttpRequest 对象,它允许 JavaScript 在后台与服务器交换数据并更新部分网页,而无需重新加载整个页面。这种技术显著提升了网页的响应速度和用户体验。 AJAX 的基本流程包括创建 XMLHttpRequest ...

    js+ajax实现获取文件大小的方法.docx

    AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在这里,我们利用 AJAX 向后台发送请求,将文件信息传递给服务器,由...

    Ajax实现的登录弹出窗口

    在这个"Ajax实现的登录弹出窗口"项目中,我们可以看到如何利用Ajax来创建一个用户友好的登录界面。 首先,Ajax的核心是JavaScript,它负责发送请求到服务器、处理返回的数据以及更新DOM(Document Object Model)以...

    AJAX实现地图拖动效果

    `AJAX实现地图拖动效果`可能是一个JavaScript文件,其中包含了实现拖动效果的代码。`pic`和`images`目录可能存储了地图的切片图片,而`js`目录则可能包含了其他辅助的JavaScript库或文件。 实现地图拖动效果涉及到...

Global site tag (gtag.js) - Google Analytics