学习JavaScript和ajax，在使用localhost时遇到问题

Learning JavaScript and ajax, having problems with localhost

本文关键字：localhost 遇到 问题 JavaScript ajax 学习      更新时间：2023-09-26

我正在用一本名为JavaScript的书逐步学习javascript，我被困在一个名为"生产Web应用程序"的章节中，它解释了AJAX技术，其中一部分是用JS XML编写代码，还有一些是用CSS编写HTML。 它说："通过HTTP打开HTML文件"，我不知道该怎么做。

我需要 MAMP、XAMPP 吗？或者如何创建我的本地主机服务器？

这是我的HTMl代码

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Request XML</title>
<script type="text/javascript" src="request-xml.js"> </script>
</head>
<body>
<div id="panel">
<button id="btn">Request XML</button>
</div> 
</body>
</html>

我的 JS 代码

var panel , request ;
function showXML()
{
  if ( (request.readyState === 4 ) && ( request.status === 200 ) )
  { 
    var i , names =  request.responseXML.getElementsByTagName( "name" ) ;
    for ( i = 0 ; i < names.length ; i++ )
    {
      panel.innerHTML += "<br>" + names[ i ].firstChild.data ;
    }
  }
}
function doRequest()
{
  request = new XMLHttpRequest() ;
  request.open( "GET" , "data.xml" , true ) ;
  request.send( null ) ;
  request.onreadystatechange = showXML ;
}
function init()
{
  panel = document.getElementById( "panel" ) ;
  document.getElementById( "btn" ).onclick = doRequest ;
}
document.addEventListener( "DOMContentLoaded" , init , false ) ;

和 XML

<?xml version="1.0"?>
<members>
    <number>001</number> <name>Anne</name>
    <number>002</number> <name>Beverly</name>
    <number>003</number> <name>Carmen</name>
</members>

在Mac osx中，你有python。

打开终端，浏览到项目根目录（包含 index.html 文件的文件夹）并键入：

python -m SimpleHTTPServer 8888

这将在端口 8888 上创建本地 HTTP 服务器。

完成此操作后，只需浏览到 127.0.0.1：8888

希望有帮助。

相关文章：