使用JavaScript的XMLHttpRequest发送请求

最新推荐文章于 2025-09-21 18:20:03 发布

原创最新推荐文章于 2025-09-21 18:20:03 发布 · 1.5w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#xmlhttprequest #javascript #function #浏览器 #url #ie

AJAX 专栏收录该内容

7 篇文章

订阅专栏

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

使用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("登录失败！"); } } }