if文の後にJavascriptを壊す

Question

comment.onreadystate関数内のすべてのコメントが機能するが、次のalert（）はそうでないことがわかりません。スクリプトは、ifステートメントの後に壊れているようです。

私のコードを探している人には本当に感謝しています。どうもありがとう。

function positionHandler(position) { 
     if (!document.getElementById("span")) document.body.appendChild(document.createElement("span"));    
     document.getElementsByTagName("span")[0].innerHTML = "("+position.coords.latitude+","+position.coords.longitude+")"; 
     request = new XMLHttpRequest(); 
     request.asycnc = false; 
     request.open('GET','get.php?latitude='+position.coords.latitude+'&longitude='+position.coords.longitude); 
     request.onreadystatechange = function() { 
      if (request.readyState != 4) return false; 
      else if (request.readyState == 4 && request.status == 200) { 
       var results = request.responseXML.getElementsByTagName('note'); 
       for (var i in results) { 
        if (!document.getElementById(results[i].getAttribute('id'))) { 
         var note = document.createElement('div'); 
         note.innerHTML = results[i].childNodes[2].childNodes[0].nodeValue; 
         note.id = results[i].getAttribute('id'); 
         document.getElementById('main').appendChild(note); 
         //everything up until this point works 
        } 
       } 
       alert("this doesn't work 1"); 
      } 
      alert("this doesn't work 2"); 
     } 
     request.send(null); 
     alert("this does work!"); 
    } 

    var position = navigator.geolocation.watchPosition(positionHandler); 

Answer 1

この行 - >警告（ "これは機能しません"）;おそらくループは無限大であるため動作しません。 この行 - >警告（「これは動作しません2」）;この条件がelse if (request.readyState == 4 && request.status == 200)がfalseの場合にのみ機能します。

3番目のアラートは、最初のアラートの問題を修正した場合に有効です。あなたのループをチェックしてください。

ベスト、

Answer 2

文の順序を変更してみてください。

function positionHandler(position) { 
    if (!document.getElementById("span")) document.body.appendChild(document.createElement("span"));    
    document.getElementsByTagName("span")[0].innerHTML = "("+position.coords.latitude+","+position.coords.longitude+")"; 
    request = new XMLHttpRequest(); 
    request.asycnc = false; 
    // set the eventhandler logic 
    request.onreadystatechange = function() { 
     if (request.readyState != 4) return false; 
     else if (request.readyState == 4 && request.status == 200) { 
      var results = request.responseXML.getElementsByTagName('note'); 
      for (var i in results) { 
       if (!document.getElementById(results[i].getAttribute('id'))) { 
        var note = document.createElement('div'); 
        note.innerHTML = results[i].childNodes[2].childNodes[0].nodeValue; 
        note.id = results[i].getAttribute('id'); 
        document.getElementById('main').appendChild(note); 
        //everything up until this point works 
       } 
      } 
      alert("this doesn't work 1"); 
     } 
     alert("this doesn't work 2"); 
    } 
    // the event will be triggered here 
    request.open('GET','get.php?latitude='+position.coords.latitude+'&longitude='+position.coords.longitude); 
    request.send(null); 
    alert("this does work!"); 
} 

var position = navigator.geolocation.watchPosition(positionHandler); 

理由は、それがすでにrequest.open(...)文によって呼び出された後、あなたがハンドラを設定しているということです。

これが役に立ちます。