JavaScript调用Ajax

最新推荐文章于 2025-03-21 10:41:12 发布

原创最新推荐文章于 2025-03-21 10:41:12 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xmlhttprequest #function #url #ajax #date

本文介绍了一个使用JavaScript实现的Ajax异步请求示例。通过创建XMLHttpRequest对象发送POST请求到指定URL，并设置请求头为application/x-www-form-urlencoded类型。在请求状态改变时更新页面元素显示服务器响应的内容。

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

var xmlHttp; function createXMLHttpRequest() { if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } } function createQueryString() { return "name=" + document.getElementById("name").value; } function startRequest() //页面调用的JavaScript函数 { var url = "http://127.0.0.1/Ajax/TestAjax?timeStamp=" + new Date().getTime(); //强制刷新 createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("POST", url); xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlHttp.send(createQueryString()); } function handleStateChange() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { document.getElementById("response").innerHTML = xmlHttp.responseText; } } }