работа с AJAX - PullRequest
       17

работа с AJAX

0 голосов
/ 28 апреля 2011

Я работаю с Ajax, это первый раз, когда я узнаю об этом.У меня есть несколько вопросов, если кто-нибудь будет хорошо объяснить.Я работаю над чем-то для своего класса, он дал нам это, чтобы использовать

<html>
<head>
<title>Ajax Examples</title>
<style type="text/css">
body {
font-family:      Trebuchet MS;
color:            #173F5F;
  background-color:#BFFFFF; 
 margin:10px;
 }
.formtable{
 border:2px solid #009999;
 background-color:#006B6b;
 color:#FF6600;
   }
.btnSubmit{
color:#FF6600;
background-color:#BFFFFF;
border:2px inset #FF6600; 
width:100px;
  }
h1{
color:#FF6600;
 }
input, textarea{
color:#FF6600;
border:1px solid #FF6600;
  }
hr{
background-color:#FF6600;
height:3px;
  }
#results{
color:#FF6600; 
width:300px;
 }
</style>
<script type="text/javascript">
function loadurl(dest) { 
try {
    // Moz supports XMLHttpRequest. IE uses ActiveX.  
    // browser detection is bad. object detection works for any browser 
     xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
     new ActiveXObject("Microsoft.XMLHTTP"); 
}
catch (e) { 
    //browser doesn't support
    alert("Get with the times man!"); 
}
 // the xmlhttp object triggers an event everytime the status changes 
 // triggered() function handles the events
 xmlhttp.onreadystatechange = triggered;
 // open takes in the HTTP method and url. 
 xmlhttp.open("GET", dest);
  // send the request. if this is a POST request we would have  
  // sent post variables: send("name=valerie&gender=female)  
  // Moz is fine with just send(); but   
  // IE expects a value here, hence we do send(null);
 xmlhttp.send(null);
  }
function triggered() {
 // if the readyState code is 4 (Completed)  
 // and http status is 200 (OK) we go ahead and get the responseText   
 // other readyState codes:  
 // 0=Uninitialised 1=Loading 2=Loaded 3=Interactive
if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
    // xmlhttp.responseText object contains the response. 
     document.getElementById("output").innerHTML = xmlhttp.responseText;
 }
 }
</script>
<title>LAB 14</title>
</head>
<body>
<h1>Simple Ajax</h1> 
<hr>
<p>This page will automatically load another file into page below.</p>

<a href="#" onClick="loadurl('info.html')" >click here to load another file</a>
<div id="output"></div>
</body>
</html>

Теперь все, что он сказал, это чтобы мы сделали вашу страницу info.html о вас - вы можете сделать это резюме или что-то ещена ваш выбор.Теперь у меня есть тот, который я сделал.Мой вопрос: у меня есть ftp-сервер, на который мы должны загрузить его.Смогу ли я увидеть страницу до ее загрузки, чтобы увидеть, работает ли она, или я что-то делаю, или что-то не так на странице, которая не является правильной.

Ответы [ 2 ]

0 голосов
/ 28 апреля 2011

Вместо того, чтобы редактировать ваш код, может быть проще установить простой веб-сервер для проверки вашего кода.

Для очень простых глупых я бы порекомендовал AnalogX SimpleServer , если вына окнах.Это действительно легкий и делает то, что вам нужно.

0 голосов
/ 28 апреля 2011

Если вы не используете веб-сервер на локальном компьютере, это не будет работать.Вы видите эту часть?

if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {

Это означает, что если JavaScript не получит код состояния "200 OK" от сервера, на котором размещена страница, он никогда не обработаетчасть внутри блока if().

Вы можете попробовать это вместо этого:

if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200 || (xmlhttp.status == 0 && document.location.protocol == "file:"))) {

Нет гарантии, что это сработает, но должно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...