Getting NS_ERROR_DOM_BAD_URI while JQuery Ajax
<p>I am using JQuery Ajax.</p>

<p>Below is the <strong>JQuery Code:</strong></p>

<pre><code> $.ajax({  
        type: "POST",
        url: "http://stackoverflow.com/Login.aspx",  // Send the login info to this page
        data: str,  
        success: function(result)
        {  

           //$("#loginDetails").ajaxComplete(function(event, request, settings)
           // {  

             // Show 'Submit' Button
            $('#loginButton').show();

            // Hide Gif Spinning Rotator
            $('#ajaxloading').hide();  

            var resLength = $.trim(result).length;

            if(resLength!=0)
            {

                var arr = result.split(",");
                var fname = arr[0];
                var lname = arr[1];
                var activeCardNo = arr[2];
                var multipleTier = arr[3];
                var activeStatus = arr[4];
                var access = arr[5];

                 if(access!='' &amp;&amp; access!='undefined') // LOGIN OK?
                 { 

                     $('.validateTips').hide();
                    var login_response = '&lt;div id="logged_in"&gt;' +
                     '&lt;div style="width: 350px; float: left; margin-left: 80px;"&gt;' + 
                     '&lt;div style="width: 40px; float: left;"&gt;' +
                     '&lt;img style="margin: 22px 0px 10px 0px;" align="absmiddle" src="system/images/ajax-loader.gif"&gt;' +
                     '&lt;/div&gt;' +
                     '&lt;div style="margin: 24px 0px 0px 10px; float: right; width: 300px;"&gt;'+ 
                     "You are successfully logged in! &lt;br /&gt; Please wait while you're redirected...&lt;/div&gt;&lt;/div&gt;";  

                    $('#loginButton').hide();
                    $('#closeBtn').hide();
                    $('#divMember').text(fname +' '+ lname);
                    $('#spnSkywardsNo').text(activeCardNo);
                    $('#spnTierStatus').text(multipleTier);
                    $("#ui-dialog-title-skywardsLogin").text(getDataFromResourceFile('pleaseWait'));

                    $('#divSuccessLogin').html(login_response);
                    $('#divSuccessLogin').show();
                    $('#loginDetails').hide();
                    //$(this).html(login_response); // Refers to 'status'

                    // After 3 seconds redirect the 
                    setTimeout(closeDialog, 3000); 

                 }  
              }
            else// ERROR?
             {  
                 var login_response = getDataFromResourceFile('InvalidUsername');
                 $('.validateTips').html(login_response);
             }

     //});  

     }  

    });  
</code></pre>

<p>the above code works perfect if I am going for <strong>HTTP</strong> request, say for example if I am on <strong>http://stackoverflow.com</strong> and have above call to my login page i.e. <strong>http://stackoverflow.com/login.aspx</strong> works fine, but when I go for <strong>HTTPS</strong> request for example <strong>https://stackoverflow.com/login.aspx</strong> then it is giving <strong>"NS_ERROR_DOM_BAD_URI"</strong>, please suggest how can I fix this issue!</p>
