通过ajax加载API结果

Question

我想知道如何在响应到来时加载 API 结果。

similar functionality

我认为使用数据库中的 ajax 可以得到。 但这里来自 API（实时结果）SOAP API。

有什么建议吗？

编辑

我目前的ajax函数是

$.ajax({
    type: "get",
    url: "<?=base_url()?>search/showresults",
    cache: false,               
    data:datastring,
    beforeSend:function(){
           $('#resultloader').show();
    },
    success: function(response){
        $('#resultloader').hide(500);
        $('#showflightresults').html(response);
    },
    error: function(){                      
         //alert('Error while Sending request..');
    }
});

谢谢

Answer 1

尝试将 dataType 设置为 xml 并将 processData 设置为 false 并检查。

$.ajax({
    type: "get",
    url: "<?=base_url()?>search/showresults",
    cache: false,               
    data:datastring,
    processData: false,
    dataType:"xml",
    beforeSend:function(){
           $('#resultloader').show();
    },
    success: function(response){
        $('#resultloader').hide(500);
        $('#showflightresults').html(response);
    },
    error: function(){                      
         //alert('Error while Sending request..');
    }
});

编辑：-

你需要遍历php数组。

var arrayFromPHP = <?php echo json_encode($arrayPHP) ?>;

$.each(arrayFromPHP, function (i, elem) {
    // do your stuff
});

Answer 2

试试这个

formData = {
    param1: param1
}
$.ajax({
    type: "get",
    url: "<?=base_url()?>search/showresults",
    cache: false,               
    data: formData,
    dataType: "xml",
    beforeSend:function(){
           $('#resultloader').show();
    },
    success: function(data){
        $('#resultloader').hide(500);
        $('#showflightresults').html(data);
    },
    error: function(){                      
         //alert('Error while Sending request..');
    }
});

Answer 3

我所做的是将结果处理并存储在服务器上的后台线程中，该线程从消息队列中读取。在我们的例子中，这是针对保险报价的。随着每个承运人的保险报价完成，其保费将存储在我们的数据库中。

在客户端，我们使用计时器循环调用服务器。见Ben Alman - doTimeout

您可以在Autoquoter.com 看到这一点。只需使用伊利诺伊州邮政编码并输入一些虚拟信息即可获得报价（例如，邮政编码=60010）。您可以查看我们客户端代码的源代码。

这是我们的服务器端代码。每条消息都是一个xml序列化的保险公司。

           var queue = new QueueManagerSoapClient("QueueManagerSoap");
            var messages = queue.RemoveAll(session.Id);
            if (messages.Any())
            {
                var serial = new XmlSerializer(typeof(Carrier));
                foreach (var message in messages)
                {
                    var carrier = serial.Deserialize(new StringReader(message)) as Carrier;
                    found = carrier != null;
                    if (found)
                    {
                       session.Carriers.Add(carrier);
                    }

                }
                session.SaveChanges();                    
            }
            return View("ResultView",session.Carriers);

更新：

要完成这项工作，需要三个组件。

首先，您需要在加载网页时启动异步请求。此请求将加载执行搜索的页面。它应该在收到结果时将结果存储到您的数据库中，或者将它们添加到消息队列服务中。您需要将搜索标记为已完成。

<%
    var wc = new WebClient();
    wc.DownloadStringAync(new Uri("http://baseurl/search/submitrequest"));
%>

其次，向您的网页添加一个计时器，它会定期（例如每 10 秒）执行一次 ajax 加载

var interval = setInterval(function() {
                  $('#resultsDiv').load("/search/showresults");
               },10000);

最后，当所有结果都存储在数据库中时，您需要终止间隔。您可以在搜索结果页面的底部添加类似的内容。

<% if ( isFinished ) { %>
    <script type="text/javascript">
         interval.stop();
    </script>
<% } %>