如何在JQuery中使用HTTPS请求_Jquery

如何在JQuery中使用HTTPS请求

jquery

如何在JQuery中使用HTTPS请求,jquery,Jquery,我使用jQueryAjax来验证用户名和密码，但是由于安全原因，我需要调用HTTPS请求下面是我的JQuery代码：我需要在这里实现HTTPS调用 //Submitting the form $("#loginDetails > form").submit(function() { //Hiding the Login button $("#loginButton").hide(); //Showing the ajax loading image

我使用jQueryAjax来验证用户名和密码，但是由于安全原因，我需要调用HTTPS请求

下面是我的JQuery代码：我需要在这里实现HTTPS调用

 //Submitting the form
$("#loginDetails > form").submit(function()
{  
    //Hiding the Login button
    $("#loginButton").hide();

    //Showing the ajax loading image
    $("#ajaxloading").show();

    // 'this' refers to the current submitted form  
    var str = $(this).serialize();   
    // -- Start AJAX Call --

    $.ajax({  
        type: "POST",
        url: "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 = result.trim().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!='' && access!='undefined') // LOGIN OK?
                 { 
                     $('.validateTips').hide();
                    var login_response = '<div id="logged_in">' +
                     '<div style="width: 350px; float: left; margin-left: 80px;">' + 
                     '<div style="width: 40px; float: left;">' +
                     '<img style="margin: 22px 0px 10px 0px;" align="absmiddle" src="system/images/ajax-loader.gif">' +
                     '</div>' +
                     '<div style="margin: 24px 0px 0px 10px; float: right; width: 300px;">'+ 
                     "You are successfully logged in! <br /> Please wait while you're redirected...</div></div>";  

                    $('#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);
             }

     });  

     }  

    });  

    // -- End AJAX Call --

    return false; 
});

//提交表单
$（“#loginDetails>form”）.submit（函数（）
{  
//隐藏登录按钮
$（“#登录按钮”）.hide（）；
//显示ajax加载图像
$（“#ajaxloading”）.show（）；
//“此”是指当前提交的表单
var str=$（this.serialize（）；
//--启动AJAX调用--
$.ajax（{
类型：“POST”，
url:“Login.aspx”，//将登录信息发送到此页面
数据：str，
成功：功能（结果）
{  
$（“#loginDetails”）.ajaxComplete（函数（事件、请求、设置）
{  
//显示“提交”按钮
$（“#登录按钮”）.show（）；
//旋转转子
$（'#ajaxloading'）.hide（）；
var resLength=result.trim（）.length；
如果（resLength！=0）
{
var arr=结果分割（“，”）；
var fname=arr[0]；
var lname=arr[1]；
var-activeCardNo=arr[2]；
var乘数=arr[3]；
var activeStatus=arr[4]；
var访问=arr[5]；
if（access！=''&&access！='undefined'）//登录是否正常？
{ 
$（'.validateips'）.hide（）；
var login_response=''+
'' + 
'' +
'' +
'' +
''+ 
“您已成功登录！
正在重定向，请稍候…”；
$（“#登录按钮”）.hide（）；
$（'#closeBtn'）.hide（）；
$（'#divMember'）.text（fname+''+lname）；
$（'spnSkywardsNo'）.text（activeCardNo）；
$（'#spnTierStatus'）。文本（倍数）；
$（“#ui对话框标题skywardsLogin”）.text（getDataFromResourceFile（'pleaseWait'）；
$（'divSuccessLogin'）.html（登录响应）；
$（'#divSuccessLogin'）.show（）；
$（'#loginDetails'）.hide（）；
//$（this.html（login_response）；//引用“status”
//3秒钟后，重定向
设置超时（closeDialog，3000）；
}  
}
还有什么错误？
{  
var login_response=getDataFromResourceFile（'InvalidUsername'）；
$（'.validateips'）.html（登录响应）；
}
});  
}  
});  
//--结束AJAX调用--
返回false；
});

上面的代码工作得很完美，但由于安全问题，我需要将调用更改为HTTPS，因此我的ajax调用将不是“Login.aspx”，而是https://login.aspx“

请建议如何实现这一点，以便维护我的安全性，并且不会出现任何安全冲突。

如果页面为

https://

，则默认情况下会发生这种情况，必须如此……您不能从

http://

页面向

https://

目标发送AJAX请求，反之亦然。当您尝试此操作时，它被视为一个不同的协议，并且违反了，因此您将无法看到响应。

如果页面是

https://

，则默认情况下会发生这种情况，必须如此……您不能从

http://

页面向

https://

目标发出AJAX请求，反之亦然。当您尝试此操作时，它被视为一个不同的协议，并且违反了，因此您将无法看到响应。

请您将其清除，以便我对上述措辞的理解是，如果页面是HTTPS，那么它将自动处理，并且不会出现安全冲突，如果可能，请举例说明。。thanks@Nick：嗯，你可以用或做，但你必须有目的地做。：-）@T.J.-这不是AJAX请求：）@MKS：如果页面本身是通过

https

请求和服务的，那么与之相关的任何内容（例如，URL

Login.aspx

）也将通过

https

请求和服务。你不需要做任何特别的事情。只有当您的页面服务不安全（

http

）时，您才需要通过

https

@MKS特别努力处理任何其他内容-如果页面是

https://

，并且您的路径是相对的，这是正确的（例如，

Login.aspx

像您一样，或者

/path/Login.aspx

，而不是

http://site.com/Login.aspx

）那么请求也是

https://

，它将保持在相同的协议上。请您清除它，这样我就可以理解上面的话，如果页面是https，那么它将自动被处理，并且不会出现安全冲突，如果可能的话，请用一些示例进行建议。。thanks@Nick：好吧，你可以用或--但是你必须有目的地这样做。：-@T.J.-这不是AJAX请求：）@MKS：如果页面本身是通过

https