学习JavaScript和ajax，与localhost有问题_Javascript_Html_Css_Ajax_Client Side

学习JavaScript和ajax，与localhost有问题

javascript html css ajax

学习JavaScript和ajax，与localhost有问题,javascript,html,css,ajax,client-side,Javascript,Html,Css,Ajax,Client Side,我通过一本叫做《javascript分步》的书学习javascript，我被困在一个叫做“生成web应用程序”的章节中，它解释了AJAX技术，有一部分是用JS XML编写代码，还有一些是用CSS编写HTML。上面写着：“通过http打开html文件”，我不知道怎么做我需要妈妈吗，XAMPP？或者如何创建本地主机服务器这是我的HTMl代码 <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="

我通过一本叫做《javascript分步》的书学习javascript，我被困在一个叫做“生成web应用程序”的章节中，它解释了AJAX技术，有一部分是用JS XML编写代码，还有一些是用CSS编写HTML。上面写着：“通过http打开html文件”，我不知道怎么做

我需要妈妈吗，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>


请求XML
请求XML

我的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 ) ;

var面板，请求；
函数showXML（）
{
if（（request.readyState==4）和&（request.status==200））
{ 
变量i，name=request.responseXML.getElementsByTagName（“名称”）；
对于（i=0；i”+名称[i].firstChild.data；
}
}
}
函数doRequest（）
{
请求=新的XMLHttpRequest（）；
open（“GET”，“data.xml”，true）；
请求发送（空）；
request.onreadystatechange=showXML；
}
函数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>


001安妮
002贝弗利
003卡门

在Mac osx中，您可以使用python

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

python -m SimpleHTTPServer 8888

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

完成后，只需浏览到127.0.0.1:8888

希望这能有所帮助。

wat os r u使用Mac/Windows…你可以使用Mamp for Mac，这会很好..啊-这些说明太糟糕了！“打开文件”通常意味着进入浏览器并从菜单中选择“文件|打开”。不需要Web服务器。但是，如果它显示“http”，那么您需要运行一个web服务器（MAMP很好，lighttp或其他超轻量web服务器也可以）。但是，哇。作者本可以用更好的措辞。好的，我应该把我的文件放在哪里？在htdocs中？