`

原始ajax api 操作

 
阅读更多

String.prototype.trim = function () {

    return this.replace(/(^\s*)|(\s*$)/g, "");

};

function ajaxObj(){

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

var t=new Date().getTime();

var txt;

var xmlhttp;

var params = "t=" + t +"&username=" + username +"&password="+ password;

alert

//创建XMLHttpRequest对象

if (window.XMLHttpRequest){

 xmlhttp=new XMLHttpRequest();

}else{

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function(){

if(4==xmlhttp.readyState){

if(200==xmlhttp.status){

//获取返回值

  var msg =xmlhttp.responseText.trim();

  if(msg == "true"){

  window.open("http://www.bessystem.com","_self");

  }else{

  alert(msg);

  }

}

}

}

//设定请求

xmlhttp.open("post","http://localhost:8080/testweb/AjaxServlet",true);

//如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//发送请求

xmlhttp.send(params);

alert('send');

}


分享到:
评论

相关推荐

    Ajax_JS最原始的Ajax效果

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新...此外,还可以探索如何利用jQuery、axios等库简化Ajax操作,它们提供了更友好的API和更强大的功能,使得在实际开发中更加便捷。

    比较完整的原始ajax写法

    标题中的“比较完整的原始ajax写法”指的是在JavaScript中实现异步XMLHttpRequest(Ajax)通信的基本方法,不依赖任何库或框架,如jQuery、axios等。这种原生的Ajax技术对于理解网络请求的工作原理至关重要。 在...

    ajax原始实现

    随着技术的发展,Fetch API逐渐取代了XMLHttpRequest,它使用Promise处理异步操作,使得代码更易读、更简洁。 综上所述,Ajax的原始实现主要涉及XMLHttpRequest对象的使用,包括初始化请求、发送请求、处理响应等...

    webApi、MVC、ajax分段上传文件带进度条

    在JavaScript中,File API提供了读取和操作文件的方法,例如FileReader的slice()方法可以用来切分文件。每个分段作为一个独立的请求发送到服务器,服务器接收到每个分段后保存,直到所有分段上传完毕。 五、进度条...

    不用框架,最原始的,最简单的ajax 实例

    尽管现在有许多强大的库(如jQuery、axios、fetch API等)可以简化这一过程,但理解基础原理对于深入学习Web开发至关重要。通过这种方式,你可以更灵活地处理各种需求,并为使用更高级的工具打下坚实的基础。

    基于ajax相册系统

    由于Ajax加载的内容不在原始HTML中,搜索引擎可能无法抓取这些内容。可以通过将Ajax内容预先渲染在服务器端,或者使用History API和PushState来模拟页面跳转,改善SEO。 ### 9. 错误处理 在Ajax应用中,错误处理...

    Professional Ajax, 2nd Edition.pdf

    4. **Ajax框架和库**:本书不仅限于原始的Ajax技术,还介绍了多个流行的Ajax框架和库,如jQuery、Prototype和MooTools,这些工具简化了Ajax的开发过程,提高了开发效率。 5. **优化和调试技巧**:为了提高Ajax应用...

    用Google AJAX Search API对互联网上Linux命令出现次数排名

    标题中的“用Google AJAX Search API对互联网上Linux命令出现次数排名”表明了本文将探讨如何利用Google AJAX Search API来统计并排序Linux命令在互联网上的使用频率。这是一个利用Web服务进行数据挖掘和分析的实例...

    各种版本ajax使用方法及相关问题

    4. **原始版本的Ajax使用** 在没有使用任何库的情况下,可以使用XMLHttpRequest对象来创建Ajax请求。以下是一个基本的示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'your-api-url', ...

    Ajax和REST之2:应对Ajax软件开发的挑战

    3. SEO难题:由于大部分Ajax内容不在原始HTML中,搜索引擎可能无法正确抓取和索引。 【渐进式增强与优雅降级策略】 针对Ajax的挑战,可以采用渐进式增强和优雅降级策略。渐进式增强意味着首先确保基本功能对所有...

    ajax公告管理系统

    虽然“XML”是Ajax的原始部分,但在实际应用中,JSON(JavaScript Object Notation)更常用于数据交换。JSON格式简洁且易于解析,与JavaScript对象直接对应,非常适合在前后端之间传递数据。在公告管理系统中,...

    疯狂ajax讲义源码3.rar

    6. **jQuery和现代库的Ajax使用**:虽然原始的Ajax实现较为复杂,但库如jQuery和现代前端框架(如React、Vue、Angular)提供了更简洁的API来处理Ajax请求。对比原生和库的方法,理解其优势和适用场景。 7. **AJAX与...

    Ajax编程技术 中国科大课件

    随着Vue.js、React和Angular等现代前端框架的出现,它们内置了对Ajax的处理,如Vue的`axios`插件、React的`fetch` API,使得Ajax编程更加简便。 总结,中国科大的Ajax编程技术课程涵盖了Ajax的基础知识、工作流程、...

    国产Ajax框架--龙博AJAX的开发包,开发手册

    标签“源码”表明这个压缩包可能包含了龙博AJAX框架的原始代码,这对于开发者来说是极其宝贵的资源。通过阅读和研究源码,可以深入了解框架的工作原理,学习优秀的编程实践,甚至进行二次开发或定制化修改以适应特定...

    随机小姐姐源码自带API可自己更换

    源码,也称为源程序,是程序员用高级编程语言编写的应用程序的原始代码,它是计算机程序的基础,未经编译和处理。通过源码,开发者可以查看并修改程序的内部逻辑,这对于学习、调试和定制软件功能至关重要。 在这个...

    一个最简单的AJAX例子

    不过,现代Web开发中,我们更多地使用fetch API或者jQuery、axios等库来简化AJAX操作。例如,使用fetch API,上面的例子可以写成: ```javascript fetch('data.txt') .then(response => response.text()) .then...

    Ajax新手快车道Ajax新手快车道

    3. **前进/后退按钮**:Ajax操作可能破坏正常的浏览历史,可通过History API和PushState方法来修复。 4. **安全性**:防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF),确保请求和响应的安全。 ### 五、学习资源与...

    AJAX技术(从入门到精通)

    其他如axios、fetch API等也提供了更便捷的AJAX操作方式。 ### 9. 原生API与Promise 现代浏览器中的XMLHttpRequest支持Promise,使异步操作更加优雅。使用`new Promise`包装AJAX请求,可以方便地进行链式调用和错误...

    过滤器和ajax

    过滤器是Servlet API提供的一种机制,它允许我们在请求被处理之前或之后进行拦截和处理。通过实现javax.servlet.Filter接口,我们可以创建自定义过滤器来执行诸如身份验证、数据转换、日志记录等任务。在描述中提到...

    AJAX技术基础

    - **Fetch API**:现代浏览器提供的新的异步请求API,提供了Promise接口,更易于链式操作和错误处理。 - **Ajax库和框架**:如axios、fetch、jQuery等,提供了更友好的API和更好的兼容性。 - **WebSockets**:用于...

Global site tag (gtag.js) - Google Analytics