フォームが処理されていない場合にのみ、特定のJavascriptスニペットを実行するにはどうすればよいですか？

Question

フォームが読み込まれたときに実行したいJavascriptがあります。フォーム自体を処理します。フォームがロードされると、Javascriptはうまく動作しますが、フォームが送信され、そのページがJavascriptで処理されたときにJavascriptが破損します。

フォームが処理されていないときにのみJavascriptを実行する方法はありますか？

はUPDATE：フォームが処理されたときに、私はこのエラーを取得する

（JavascriptがAJAX要求をしている）：

<form method="#" action="post"> 
    <!--form elements--> 
</form> 

：ここ

TypeError: 'undefined' is not an object XMLHttpRequest cannot load [ajax request url] Origin [original page] is not allowed by Access-Control-Allow-Origin

はHTMLですここにはJavaScriptがあります：

ajax.onreadystatechange=function() { 
    if (ajax.readyState==4 && ajax.status==200) { 
     document.getElementById("invitestar-message").innerHTML=ajax.responseText; 
     var signup = document.getElementById("invitestar-content-container"); 
     setTimeout(function(){ 
      body.removeChild(document.getElementById('invitestar-verifying')); 
      signup.style.display = "block"; 
     }, 500); 
    } 
} 

ajax.open("GET","http://nvrforget.com/invitestar/check-invite/?invite=kNdqyJTjcf",true); 
ajax.send(); 

このjavascriptが実行されるドメインはhttp://nvrforget.com/ではありません。

Answer 1

このエラー：Webページが配置されているよりも、あなたが別のドメインにAjaxの呼び出しを行うことができないので

XMLHttpRequest cannot load [ajax request url] Origin [original page] is not allowed by Access-Control-Allow-Origin 

が生じます。 same-origin policyのこの説明を参照してください。

JSONPは、クロスオリジンのajax呼び出しを行う方法です。これには、JSONPのサーバー側を実装するための協力サーバーと、ajaxリクエストをスクリプトタグとして追加するメソッドが必要です。 jQueryやYUIのようなライブラリは、JSONPのクライアント側の部分をサポートしていますが、あなたはそれを自分で行うことができます（しかし、まだ協力しているサーバが必要です）。 Google JSONPについて詳しく知りたい方は、こちらをご覧ください。