如何使用JQuery存储从URL获取的JSON值?

可以使用ajax从url获取结果

var result;
var url = "http://api website/pnr"+pnr;
$.ajax
({
    url: url,
    type: 'GET',
    dataType: 'json',
    success: function(data)
    {
        result = data;
        alert(JSON.stringify(data));
    }
});

您只需要解析JSON和如何读取每个对象。这会给你一个好的开始

$.ajax({
    type: "GET",
    url: "http://api_website/pnr"+pnr,
    data: data,
    success: function(resultData) { 
        console.log(resultData);

        var to_station = resultData.to_station;
        var trains = resultData.train;
        var passengers = resultData.passengers;

        alert("Station Name: "to_station.name);
        alert("Passengers: "passengers.booking_status);


    },
    error(function() { 
        alert("Something went wrong"); 
    }
});

你可以看更多关于 how to read JSON here .

$.ajax({
  method: "GET",
  url: url
})
  .done(function( data ) {
    console.log(data)
    // see what properties you need from data object and save it to variable
    var data = data
  });

首先,

使用javascript文件….API调用最好在js文件中完成,而不是在脚本标记中完成。 第二件事,如果你想以json格式存储它, 可以像声明url变量那样将其存储在一个值中。 因为,您正在获取数据,所以我假设这是一个get请求,您可以在以下链接中找到关于它们的更多信息-

1. https://www.sitepoint.com/ajaxjquery-getjson-simple-example/
2. https://api.jquery.com/jquery.get

此外,如果数据不是很敏感,可以将其存储在浏览器的本地存储中,以便以后也可以在其他网页中访问它。

在您当前的json数据中,如果您将其声明为一个变量,我会说 apiResult 你的终点站是 apiResult.to_station ,液化天然气价值为 apiResult.to_station.lng 等等。

希望这些都有帮助,祝你好运。

每个人都已经添加了AJAX示例,所以我将省略这一点。

因此,要读取对象,只需通过各种方法解析所需内容,如果您知道对象的外观和确切的需求,则可以使用点表示法。如果您希望更动态地获取内容,可以使用高阶函数或for循环以及对象原型示例获取条目( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries )

您可以考虑使用localStorage来存储信息,这取决于您使用的是内置的Web API 这是MDN的定义

只读localStorage属性允许您访问存储 对象作为文档的源;存储的数据保存在 浏览器会话。localStorage类似于sessionStorage,除了 虽然存储在localStorage中的数据没有过期时间,但是 当页会话结束时,存储在sessionStorage中的内容将被清除 也就是说,当页面关闭时。

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

您可能想使用AJAX。您必须确定服务器将如何检索数据。如果是JSON格式,请执行以下操作:

<script>
    function search_pnr(){
        var pnr = $('#input_pnr').val();
        var result;
        var url = "http://api website/pnr"+pnr;
        $.getJSON( url, function( data ) {
            result = data;
            $.each( data, function( key, value ) {
                // whatever with keys and values if needed
            }
        );

    }
</script>

Ref w3 Schools

JQuery official website

所有当前的浏览器都内置了本地JSON支持。因此,只要你不使用像IE6/7这样的史前浏览器,你就可以这么简单地做到:

var j={"name":"binchen"};
JSON.stringify(j); // '{"name":"binchen"}'

更多信息请访问 link