在搜索比较中通过jquery在页面内部安排搜索结果

Question

我正在做一个预订比较引擎，并且我有一个非常敏感的问题。

这笔交易是我有3-4个不同的来源来比较结果。每个数据提供者都有它自己的API，并在每个搜索方法您有其他分页，这样你就可以把他们的要求：

• 的pageSize
• PAGENUMBER
• 搜索PARAMS

和你得到基本恢复：

• 搜索结果
• resultQuantity
• 对象的数量返回与给定的搜索PARAMS

所以我通过JQuery填充它们。其实一个Ajax GET请求被发送到我的

www.mysite.com/search_script.php

，结果是填充。

比方说，我们有：

1. Source1.com/api.php
2. Source2.com/api.php

，并在我们的网站，我们需要安排好分页。说得好我的意思是专业，所以我们不会加载太多的浏览器，并且服务器也有太多的API查询。

我以为我可以使它在这样：

如果在我的地盘我有每页10个结果分页，然后我会与查询要求两个源发回每页5个结果。

但我然后面临的问题2种类型：

• 第一页返回23第二5的只有4
  5 + 4,5 + 0,5 + 0 ......

• 两者都有超过5个，但比第二一一结束之前，让我们说，12和5 5-5,5-0,5/0

• ...

没有一个很好的解决方案......

什么是这样的情况下锻炼????

月1日是SOAP调用

SOAP 1.2 

The following is a sample SOAP 1.2 request and response. The placeholders shown need to be replaced with actual values. 

POST /partnerV3/Webservice.asmx HTTP/1.1 
Host: webservices.interhome.com 
Content-Type: application/soap+xml; charset=utf-8 
Content-Length: length 

<?xml version="1.0" encoding="utf-8"?> 
<soap12:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap12="http://www.w3.org/2003/05/soap-envelope"> 
    <soap12:Header> 
    <ServiceAuthHeader xmlns="http://www.interhome.com/webservice"> 
     <Username>string</Username> 
     <Password>string</Password> 
    </ServiceAuthHeader> 
    </soap12:Header> 
    <soap12:Body> 
    <Search xmlns="http://www.interhome.com/webservice"> 
     <inputValue> 
     <Page>int</Page> 
     <PageSize>int</PageSize> 
     <OrderDirection>NotSet or Ascending or Descending</OrderDirection> 
     <OrderBy>NotSet or Favorite or Price or Place</OrderBy> 
     <LanguageCode>string</LanguageCode> 
     <CurrencyCode>string</CurrencyCode> 
     <SalesOfficeCode>string</SalesOfficeCode> 
     <Quicksearch>string</Quicksearch> 
     <CountryCode>string</CountryCode> 
     <RegionCode>string</RegionCode> 
     <PlaceCode>string</PlaceCode> 
     <CheckIn>string</CheckIn> 
     <Duration>int</Duration> 
     <ThemeFilter>NotSet or Cheepcheep or Countryside or Familyfriendly or HolidayVillage or LakesAndMountains or Nightlife or Selection or SomewhereQuiet or SummerHoliday or Cities or SuitableForSeniors</ThemeFilter> 
     <HouseApartmentType>NotSet or Apartment or DetachedHouse or House</HouseApartmentType> 
     <Facilities> 
      <Facilities>NotSet or Aircondition or Balcony or BBQ or Cot or Dishwasher or Fireplace or Internet or InternetWiFi or Jacuzzi or LuxuriousFurnishings or ModernFurnishings or NiceKitchen or NiceSourroundings or Parking or LiftsInhouse or NonSmoker or Pets1 or Pets2 or Pets3 or PetsNo or PoolAll or PoolChildren or PoolIndoor or PoolPrivate or Sauna or Swimmingpool or TV or WashingMachine or Wheelchair</Facilities> 
      <Facilities>NotSet or Aircondition or Balcony or BBQ or Cot or Dishwasher or Fireplace or Internet or InternetWiFi or Jacuzzi or LuxuriousFurnishings or ModernFurnishings or NiceKitchen or NiceSourroundings or Parking or LiftsInhouse or NonSmoker or Pets1 or Pets2 or Pets3 or PetsNo or PoolAll or PoolChildren or PoolIndoor or PoolPrivate or Sauna or Swimmingpool or TV or WashingMachine or Wheelchair</Facilities> 
     </Facilities> 
     <Accessibilities> 
      <Accessibilities>NotSet or FamilyFrienldy or LiftsInhouse or NonSmoking or PetsWelcome or PetsNotAllowed or SuitableForSeniors or WheelchairAccessible</Accessibilities> 
      <Accessibilities>NotSet or FamilyFrienldy or LiftsInhouse or NonSmoking or PetsWelcome or PetsNotAllowed or SuitableForSeniors or WheelchairAccessible</Accessibilities> 
     </Accessibilities> 
     <Activities> 
      <Activities>NotSet or Biking or CrossCountrySkiing or Golfing or Hiking or MountainBiking or Nightlife or NordicWalking or Riding or Sailing or Skiing or Snowboarding or Surfing or Tennis or ThemeParkNearby or Toboggan or Windsurfing or SkiingSnowboarding</Activities> 
      <Activities>NotSet or Biking or CrossCountrySkiing or Golfing or Hiking or MountainBiking or Nightlife or NordicWalking or Riding or Sailing or Skiing or Snowboarding or Surfing or Tennis or ThemeParkNearby or Toboggan or Windsurfing or SkiingSnowboarding</Activities> 
     </Activities> 
     <Situations> 
      <Situations>NotSet or ByTheSea or InAHistoricTown or InAMajorCity or InTheCountryside or InALakesideTown or SomewhereQuiet or OnAIsland or Center100 or Center500 or Center1000 or Golf200 or Golf500 or Golf5000 or Lake50 or Lake1000 or Lake10000 or Sea50 or Sea1000 or Sea10000 or Skilift50 or Skilift500 or Skilift10000 or CountryView or LakeView or MountainView or SeaView</Situations> 
      <Situations>NotSet or ByTheSea or InAHistoricTown or InAMajorCity or InTheCountryside or InALakesideTown or SomewhereQuiet or OnAIsland or Center100 or Center500 or Center1000 or Golf200 or Golf500 or Golf5000 or Lake50 or Lake1000 or Lake10000 or Sea50 or Sea1000 or Sea10000 or Skilift50 or Skilift500 or Skilift10000 or CountryView or LakeView or MountainView or SeaView</Situations> 
     </Situations> 
     <PropertyTypes> 
      <PropertyTypes>NotSet or Apartment or Bungalow or CastleManor or Chalet or DetachedHouse or Farmhouse or HistoricProperty or HolidayVillage or SpecialProperty or Villa</PropertyTypes> 
      <PropertyTypes>NotSet or Apartment or Bungalow or CastleManor or Chalet or DetachedHouse or Farmhouse or HistoricProperty or HolidayVillage or SpecialProperty or Villa</PropertyTypes> 
     </PropertyTypes> 
     <SpecialOffer>NotSet or AnySpecialOffer or EarlyBooker or LastMinute</SpecialOffer> 
     <PaxMin>int</PaxMin> 
     <PaxMax>int</PaxMax> 
     <RoomsMin>int</RoomsMin> 
     <RoomsMax>int</RoomsMax> 
     <BedroomsMin>int</BedroomsMin> 
     <BedroomsMax>int</BedroomsMax> 
     <BathroomsMin>int</BathroomsMin> 
     <BathroomsMax>int</BathroomsMax> 
     <QualityMin>int</QualityMin> 
     <QualityMax>int</QualityMax> 
     <DistanceToCenter>int</DistanceToCenter> 
     <DistanceToGolfCourse>int</DistanceToGolfCourse> 
     <DistanceToLake>int</DistanceToLake> 
     <DistanceToSea>int</DistanceToSea> 
     <DistanceToSeaOrLake>int</DistanceToSeaOrLake> 
     <DistanceToSkiLifts>int</DistanceToSkiLifts> 
     </inputValue> 
    </Search> 
    </soap12:Body> 
</soap12:Envelope> 
HTTP/1.1 200 OK 
Content-Type: application/soap+xml; charset=utf-8 
Content-Length: length 

<?xml version="1.0" encoding="utf-8"?> 
<soap12:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap12="http://www.w3.org/2003/05/soap-envelope"> 
    <soap12:Body> 
    <SearchResponse xmlns="http://www.interhome.com/webservice"> 
     <SearchResult> 
     <ResultCount>int</ResultCount> 
     <Items> 
      <SearchResultItem> 
      <AccommodationCode>string</AccommodationCode> 
      <Country>string</Country> 
      <CountryCode>string</CountryCode> 
      <Region>string</Region> 
      <RegionCode>string</RegionCode> 
      <Place>string</Place> 
      <PlaceCode>string</PlaceCode> 
      <Zip>string</Zip> 
      <CurrencyCode>string</CurrencyCode> 
      <Price>decimal</Price> 
      <Quality>int</Quality> 
      <Type>string</Type> 
      <Pax>int</Pax> 
      <Rooms>int</Rooms> 
      <BedRooms>int</BedRooms> 
      <Pets>int</Pets> 
      <Cots>int</Cots> 
      <AdditionBeds>int</AdditionBeds> 
      <Parking>boolean</Parking> 
      <TV>boolean</TV> 
      <Dishwasher>boolean</Dishwasher> 
      <Washingmachine>boolean</Washingmachine> 
      <Aircondition>boolean</Aircondition> 
      <Pool>boolean</Pool> 
      <Tennis>boolean</Tennis> 
      <Sauna>boolean</Sauna> 
      <Wheelchair>boolean</Wheelchair> 
      <GeoLng>decimal</GeoLng> 
      <GeoLat>decimal</GeoLat> 
      <InsideDescription>string</InsideDescription> 
      <Picture>string</Picture> 
      </SearchResultItem> 
      <SearchResultItem> 
      <AccommodationCode>string</AccommodationCode> 
      <Country>string</Country> 
      <CountryCode>string</CountryCode> 
      <Region>string</Region> 
      <RegionCode>string</RegionCode> 
      <Place>string</Place> 
      <PlaceCode>string</PlaceCode> 
      <Zip>string</Zip> 
      <CurrencyCode>string</CurrencyCode> 
      <Price>decimal</Price> 
      <Quality>int</Quality> 
      <Type>string</Type> 
      <Pax>int</Pax> 
      <Rooms>int</Rooms> 
      <BedRooms>int</BedRooms> 
      <Pets>int</Pets> 
      <Cots>int</Cots> 
      <AdditionBeds>int</AdditionBeds> 
      <Parking>boolean</Parking> 
      <TV>boolean</TV> 
      <Dishwasher>boolean</Dishwasher> 
      <Washingmachine>boolean</Washingmachine> 
      <Aircondition>boolean</Aircondition> 
      <Pool>boolean</Pool> 
      <Tennis>boolean</Tennis> 
      <Sauna>boolean</Sauna> 
      <Wheelchair>boolean</Wheelchair> 
      <GeoLng>decimal</GeoLng> 
      <GeoLat>decimal</GeoLat> 
      <InsideDescription>string</InsideDescription> 
      <Picture>string</Picture> 
      </SearchResultItem> 
     </Items> 
     </SearchResult> 
    </SearchResponse> 
    </soap12:Body> 
</soap12:Envelope> 

，第二个是一样的....

Answer 1

你需要为每个连接对象。

此对象将加载加载到数组的内容。它们可以表示为：

function Connection(searchQuery, callback) 
{ 
    var result = []; // use to save what you load 
    this.total; // total searching found 

    this.getResult = function(start, length, callback){}; // it's is one of the possibilities. 
    // this function should verify if the content is already loaded in result[] or not. If not, load then. There is no problem of loading more then needed. 
} 

当你的结论，应该以类似的方式工作：

var conn = new Connection("...", objectIsWorkable); // load the first XX results and get the total found stuff. 
conn.getResult(0, 5, whenLoaded); 

这个工作后，那么你可以做你真正想要的：

var pageController = function(queries, callback) 
{ 
    var ITEM_PER_CONNECTION = 5; 
    var ITEM_PER_PAGE = 10; 
    var conns = []; // used to save all connections 
    var pages = []; // use to save the pages to be loaded 
    var loaded = 0; 

    var onLoadedCallback = callback; 

    var totalConnPage; 
    var onPageLoadedCallback; 
    var tempPage; // the items loaded are saved here. 
    var appendToTempPage = function(value) 
    { 
     for(var i in value) tempPage.push(value[i]); 
     loaded++; 
     if(loaded == totalConnPage) onPageLoadedCallback(tempPage); 
    } 

    this.loadPage = function(num, callback) 
    { 
     onPageLoadedCallback = callback; 

     loaded = 0; 
     tempPage = []; 
     totalConnPage = 0; 
     var current = pages[num]; 
     for(var i = 0; i < current.length; i++) 
     { 
      if(current[i] != null) 
      { 
       conns[i].getResult(current[i][0], current[i][1], appendToTempPage); 
       totalConnPage++; 
      } 
     } 
    } 

    var makePages = function() 
    { 
     // get the total 
     var total = 0; 
     var totals = []; 
     for(var i in conns) 
     { 
      total += conns[i].total; 
      totals.push(0); 
     } 

     // create the page list 
     while(total > 0) 
     { 
      var temp = total > ITEMS_PER_PAGE ? ITEMS_PER_PAGE : total; 
      total -= temp; 
      var page = []; 
      var index = 0; 
      while(temp > 0) 
      { 
       if(totals[index] < conns[index].total) 
       { 
        if(conns[index].total - totals[index] >= ITEM_PER_CONNECTION) 
        { 
         var next = temp > ITEM_PER_CONNECTION ? ITEM_PER_CONNECTION : temp; 
         page.push([totals[index], next]); 
         totals[index] += next; 
         temp -= next; 
        } 
        else 
        { 
         var next = conns[index].total - totals[index]; 
         next = next > temp ? temp : next; 
         page.push([totals[index], next]); 
         totals[index] += next; 
         temp -= next; 
        } 
       } 
       else 
        page.push(null); 


       index++; 
      } 

      pages.push(page); 
     } 
    } 

    var inited = function() 
    { 
     pages[loaded] = 0; 
     loaded++; 

     if(loaded == conns.length) 
     { 
      makePages(); 
      onLoadedCallback(); 
     } 
    } 

    // init 
    for(var i in queries) 
     conns.push(new Connection(queries[i], inited)); 
} 

最重要的是makePages，可能是你想知道的。但是你的问题有点长，然后我再多加一点东西以免混淆。

您可以更改makePage以您的方式工作。这个想法是保存所有页面内容在pages变种。