Question

使用JQuery使用JQuery Ajax调用调用Ajax

Answer 1

您可以将值存储在localStorage中以保留它们，并根据需要将其附加到textbox：

$(document).on('ready' ,function(){
    var value=localStorage.getItem('symbols'); //get value from localStorage
    if(value!="" && typeof value != undefined) //check if it has value or not
           $("#inputSymbol").val(value) //set input text's value

    $("form").submit(function(){
        var valueEnteredByUser = $("#inputSymbol").val();
        var valueToBeStored=localStorage.getItem('symbols') + ' ' + valueEnteredByUser;
        //here I am storing values with space separate and you have to take care how you want to store it actually
        localStorage.setItem('symbols',valueToBeStored); //Store it in same localStorage.
        //var valueEnteredByUser = "GE";


        if (valueEnteredByUser == null || valueEnteredByUser == ""){
              alert("Please enter a valid symbol");
           }
        new Request.symbolExecution(valueEnteredByUser, function(data) {
            $("#dataContainer").remove();
            this.success(data);

        });
        return false;
    });
});

现在，如果您想删除值，请在以下任何时间点执行以下操作：

localStorage.setItem('symbols','') //store empty value

Answer 2

我会立即在你的$(document).ready()块内调用AJAX，并将其推送到具有style="visibility:hidden;"的表，这样API调用可以在呈现之前开始。接下来，我会在hidden函数（在'ready'之后发生）中将show表设置为$(window).load()。

它可能看起来像这样：

$(document).on('ready', function(){
    //AJAX API Here

    // On success push data to table (hidden style)

});

$(window).load(function(){
    //$(.hiddenTable).show();
});

这应该提供良好的用户体验，因为在页面呈现之前数据将从API开始撤销。

Answer 3

为什么不通过php进行第一次通话，然后通过js进行其余的通话，正如您所说，您希望通过“GE”键获得的数据作为默认值，您可以使用CURL或get_file_contents()来获取该数据。

如何在onload事件中将数据从API加载到页面？

3 个答案: