Comment accéder au JSON sur http à partir d'une page HTTPS?

Question

Voici mon code J'essaie d'accéder au contenu sur la page HTTP à partir d'une page HTTPS, cela me donne une erreur dans la console du navigateur qu'il s'agit d'un contenu non sécurisé, il s'agit d'une erreur "Contenu actif de chargement (insécurité)" surPage sécurisée " http://pnrbuddy.com/ API / STATION_BY_CODE / CODE / CNO / FORMAT / JSON / PBAPIKEY / 539FF0F815CA697C681FE01D32BA52E3 / PBAPISIGNIGN / 906544CA31F9C0048E8AF828E313B «'», il affiche la console JSON EnBrowser, mais incapable de le lire.Comment puis-je lire ce Json?

'use strict';

var context = SP.ClientContext.get_current();
var user = context.get_web().get_currentUser();

(function () {

    // This code runs when the DOM is ready and creates a context object which is 
    // needed to use the SharePoint object model
    $(document).ready(function () 
    {
        getUserName();

        $("#button1").click(function()
        {
                paraupdate();   
        });

    });

    // This function prepares, loads, and then executes a SharePoint query to get 
    // the current users information

    function paraupdate()
    {

        var str=""+$("#textbox1").val();
        alert(""+str);
        var message = str+"json539ff0f815ca697c681fe01d32ba52e3";
        var secret = "<my private key>";
        var crypto = CryptoJS.HmacSHA1(message, secret).toString();
        alert("crypto answer is " + crypto);
        var siteurl="http://pnrbuddy.com/api/station_by_code/code/"+str+"/format/json/pbapikey/539ff0f815ca697c681fe01d32ba52e3/pbapisign/"+crypto;


        //////////////////////////////////////////////
         $.ajax({
            url: siteurl,
            type: "GET",
            dataType: 'json',
    /*  headers: {
                "accept": "application/json;odata=verbose",
            },   */
            success: function (data) {
                alert("Success");
                alert(data.Station);
            /*  $.each(data.d.results, function (index, item) 
                {     

                   alert("My ID"+index);
                    alert("Item"+item);
                });

                //var str=JSON.parse(data);

                 var myResults = [];
            $.each(data, function (index, item) {
                alert("dsfsd"+item.station_by_code)
                myResults.push({
                    id: item.id,  

                    //text: item.first_name + " " + item.last_name
                }); 
            });     */

            },
            error: function (error) {
                alert("IN Error");
                alert(JSON.stringify(error));
            }
        });
        /////////////////////////////////////////////

    }

    function getUserName() 
    {
        context.load(user);
        context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
    }

    // This function is executed if the above call is successful
    // It replaces the contents of the 'message' element with the user name
    function onGetUserNameSuccess() 
    {
        $("#label1").html("Enter Station Code : ");
        $("#button1").val("CLICK");

    }

    // This function is executed if the above call fails
    function onGetUserNameFail(sender, args) {
        alert('Failed to get user name. Error:' + args.get_message());
    }



})();

Answer 1

'Utiliser strict';

var context= sp.clientContext.get_current (); var utilisateur= context.get_web (). Get_Currentatuser ();

(fonction () {

// This code runs when the DOM is ready and creates a context object which is 
// needed to use the SharePoint object model
$(document).ready(function () 
{
    getUserName();

    $("#button1").click(function()
    {
            paraupdate();   
    });

});

// This function prepares, loads, and then executes a SharePoint query to get 
// the current users information

function paraupdate()
{

    var str=""+$("#textbox1").val();
    alert(""+str);
    var message = str+"json539ff0f815ca697c681fe01d32ba52e3";
    var secret = "<my private key>";
    var crypto = CryptoJS.HmacSHA1(message, secret).toString();
    alert("crypto answer is " + crypto);
    var siteurl="http://pnrbuddy.com/api/station_by_code/code/"+str+"/format/json/pbapikey/539ff0f815ca697c681fe01d32ba52e3/pbapisign/"+crypto;


    //////////////////////////////////////////////
     $.ajax({
        url: siteurl,
        type: "GET",
        dataType: 'json',
        success: function (data) {
            alert("Success");
            alert(" Code : "data.stations[0].code+" Name : "+data.stations[0].name);

        },
        error: function (error) {
            alert("IN Error");
            alert(JSON.stringify(error));
        }
    });
    /////////////////////////////////////////////

}

function getUserName() 
{
    context.load(user);
    context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
}

// This function is executed if the above call is successful
// It replaces the contents of the 'message' element with the user name
function onGetUserNameSuccess() 
{
    $("#label1").html("Enter Station Code : ");
    $("#button1").val("CLICK");

}

// This function is executed if the above call fails
function onGetUserNameFail(sender, args) {
    alert('Failed to get user name. Error:' + args.get_message());
}

}) ();