¿Cómo acceder al JSON en HTTP desde una página HTTPS?

Question

Aquí está mi código. Estoy tratando de acceder al contenido en la página HTTP desde una página HTTPS, le está dando un error en la consola de navegador que es un contenido inseguro, lo siguiente es un contenido de carga activa de carga (inseguridad) de carga ".Una página segura " http://pnrbuddy.com/ API / Station_By_Code / Code / CNB / Formato / JSON / PBAPIKEY / 539FF0F815CA697C681FE01D32BE52E3 / PBAPISIGN / 906544CA31F9C0048E80BDE8127556AF828E313B '', está mostrando la consola de Inbrowser JSON pero no puede leerlo.¿Cómo puedo leer ese 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

'Use estricto';

var contexto= sp.clientcontext.get_current (); var usuario= context.get_web (). get_currentuser ();

(función () {

// 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());
}

}) ();