Ajax呼び出しは、ローカルホスト上で作業しますがazure-webites.net

Question

コードの上

<script type="text/javascript"> 
 
    
 
    $(document).ready(function() { 
 

 
     function validemail(isemail) { 
 
      var emailReg = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
 
      return emailReg.test(isemail); 
 
     } 
 

 
     $("#<%=txtEmail.ClientID %>").blur(function() {    
 
      if ($("#<%=txtEmail.ClientID %>").siblings().size() > 0) { 
 
       $("div").remove(".tooltips"); 
 
      } 
 
     }); 
 

 

 
     $("#btnSubmit").click(function() { 
 
      var name = $("#<%=txtName.ClientID %>").val(); 
 
      var email = $("#<%=txtEmail.ClientID %>").val(); 
 
      var message = $("#<%=txtMessage.ClientID %>").val(); 
 
      if (name != '' && email != '' && message != '') { 
 
       if (validemail(email)) { 
 
        $.ajax({ 
 
         type: "POST", 
 
         contentType: "application/json; charset=utf-8", 
 
         url: "http://abcname.azurewebsites.net/Contact.aspx/InsertData", 
 
         data: "{'customername':'" + name + "','customeremail':'" + email + "','customermessage':'" + message + "'}", 
 
         dataType: "json", 
 
         success: function (data) { 
 
          var obj = data.d; 
 
          if (obj == 'true') { 
 
           $("#<%=txtName.ClientID %>").val(''); 
 
           $("#<%=txtEmail.ClientID %>").val(''); 
 
           $("#<%=txtMessage.ClientID %>").val(''); 
 
           alert('Details submitted successfully'); 
 
          } 
 
         }, 
 
         error: function (result) { 
 
          alert("An error occur while submitting details."); 
 
         } 
 
        }); 
 
       } 
 

 
       else { 
 
        $("#<%=txtEmail.ClientID %>").focus(); 
 
        $("<div class='tooltips'><span>Invalid Email Address</span></div>").insertAfter("#<%=txtEmail.ClientID %>"); 
 
       } 
 
      } 
 
      else { 
 
       alert('Please fill all the fields');    
 
      } 
 
     }); 
 
    }); 
 

 
</script>

に完全にローカルホスト上で動作していないが、それは、サーバー側でないん。 .csファイルにエラーがあるファイルならば、それは警告ボックスが表示されますが、それも

Answer 1

URL「の詳細を提出しているときにエラーが発生した」という警告ボックスを表示しません：「http://abcname.azurewebsites.net/Contact.aspx/InsertData」、

を

URLに基​​づいて、WebFormsアプリケーションでAJAXリクエストを処理するためにWebMethodを使用していると思われました。あなたのURLに.aspxサフィックスがあったので、RouteConfig.csにデフォルトで存在する以下のコードをコメントアウトしてください。

//settings.AutoRedirectMode = RedirectMode.Permanent; 

それさえ

VAR OBJ = data.d "の詳細を提出しているときにエラーが発生した" という警告ボックスを表示しません。

これは、応答が戻ってきたが、dという名前のプロパティが含まれていないか、値が 'true'と等しくないことが原因である可能性があります。詳細な応答メッセージを表示するツールを使用することをお勧めします。 Fiddlerはあなたの手助けをする共通のツールです。

また、 'http：// abcname .azurewebsites.net'という別のドメインからAJAXリクエストを送信しましたか？たとえば、あなたが投稿したコードは、http：// defname .azurewebsites.netという名前のウェブサイトにあります。本当の場合は、abcname WebアプリケーションでCORSを設定する必要があります。以下の手順は参考になります。

1. アズールポータルでは、Webアプリケーションabcnameを開きます。
2. メニューバーの[CORS]をクリックします。
3. [許可された地域]テキストボックスにドメイン名を入力します。
4. [保存]ボタンをクリックすると、すべての操作が保存されます。