使用JavaScript的XMLHttpRequest发送请求

最新推荐文章于 2024-08-29 16:26:29 发布

sz_bdqn

最新推荐文章于 2024-08-29 16:26:29 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

分类专栏： AJAX 文章标签： xmlhttprequest javascript function 浏览器 url ie

本文链接：https://blog.youkuaiyun.com/sz_bdqn/article/details/3863293

AJAX 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用XMLHttpRequest对象实现登录功能，包括创建对象、设置回调函数、初始化及发送请求等步骤，并提供完整示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用XMLHttpRequest对象分为4部完成:

1.创建XMLHttpRequest组建

2.设置回调函数

3.初始化XMLHttpRequest组建

4.发送请求

实例代码：

var userName; var passWord; var xmlHttpRequest; //XmlHttpRequest对象 function createXmlHttpRequest(){ if(window.ActiveXObject){ //如果是IE浏览器 return new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ //非IE浏览器 return new XMLHttpRequest(); } } function onLogin(){ userName = document.f1.username.value; passWord = document.f1.password.value; var url = "LoginServlet?username="+userName+"&password="+passWord+""; //1.创建XMLHttpRequest组建 xmlHttpRequest = createXmlHttpRequest(); //2.设置回调函数 xmlHttpRequest.onreadystatechange = zswFun; //3.初始化XMLHttpRequest组建 xmlHttpRequest.open("POST",url,true); //4.发送请求 xmlHttpRequest.send(null); } //回调函数 function zswFun(){ if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){ var b = xmlHttpRequest.responseText; if(b == "true"){ alert("登录成功！"); }else{ alert("登录失败！"); } } }