xml - How to cache a jquery Ajax request and parsing -

-

I am creating an image which is the image gallery, but with many images (archives of documents To browse);

  • Display the "last" and "next" link on the left and right sides of the first image:
    • < P> The previous and next links are obtained from an XML file that lists all the images in the sequence; About 1000-2000 images (one XML file per set) in each set are to avoid viewing the predecessors and the following of future elements, I have included the names of each previous and next images as the property of each image.

    Then the XML file is basically: 

      & lt; List & gt; ... & lt; Image back = "ww.jpg" next = "yy.jpg" & gt; Xx.jpg & lt; / Image & gt; & Lt; Image back = "xx.jpg" next = "zz.jpg" & gt; Yy.jpg & lt; / Image & gt; & Lt; Image back = "yy.jpg" next = "aa.jpg" & gt; Zz.jpg & lt; / Image & gt; ... & lt; / List & gt;

    What I am doing is: 

      function display (IMG) {var lookingfor = 'image: contains (' + img + ') '; $ .AJX ({type: "GET", url: "pns.xml", datatype: "xml", success: function (xml) {$ (xml). Find (search) .each (function () {// Display the actual image and link with @previous and @next attributes}}}}}); } $ (Document) .ready (function () {var image = $ .query.get ('img'); display (image);});

    First page load, script:

    1. The name of the image is displayed to display the URL parameter 'IMG'
    2. the name of all the files Loads the XML file
    3. This receives the previous and next image name from the same file
    4. Displays the image
    5. Displays the previous link And for the next images

    So far, my problem is with other images.

    The link to the previous or next image is: 

      display ('image_id');

    I was hoping that without reloading the page and then calling the 'display' function again I will not have to get the XML file again, and it will not be re-parsed not have to. However, this is not the case: XML file is reloaded with every new call of the 'display' function.

    A significant delay is acceptable when the page loads for the first time; But the same delay for each image seems dull and very unpleasant.

    I have full control over the application; If there is a more efficient solution than XML file to keep the parameters that will be fine. Although the application has to work offline, I can not ask a server to get the names of the preceding / under images.

    In addition, this includes: () The selector is probably not the fastest way: What's better?

    Edit : Using XML and externally loading it was clearly far from optimal; There is a very good and simple approach that each image should have a large object containing an array and load this object once (when the script is first loaded). Another way would be to use some local storage / SQL facility; I can do this with Google Gears which provides such tools. Perhaps Ajax image XML is the global JS first variable and then just query the JS variable on subsequent calls. 

      & lt; Script type = "text / javascript" & gt; Var imgXML = null; // document ready $ (function ($ {.ajax ({type: "GET", url: "pns.xml", datatype: "xml", success: function (xml) {imgXml = xml; var image = $ .query.get ('img'); Display (image);}};} The display coming in // Memory Function Display (IMG) goes directly to XML data (if (imgxm! = Null) {var seeing = image : ('+ Img +') '; $ (imgXML). Find (search) .each (function () {// display image and link}}}

    I'm sure there is another optimization that can be made Ksmel problem must reload.


    Comments

    Post a Comment

    Popular posts from this blog

    c# - How to capture HTTP packet with SharpPcap -

    -
    I would like to capture all incoming HTTP packets on my machine. To do this, I am using SharpPcap which is a WinPcap The cover is. SharpPcap works very well, but it captures TCP packets and what it wants to do for me is a very low level. Does anyone know how can I easily get full HTTP requests / reactions from all these TCP packets? Thanks SharpPcap is already able to capture the packet in the same way That's what the virus does (just in the code instead of the GUI). And you can either either parse them directly or you can put them in the drive in the common .pcap file format. The steps to parse the capture are: Open a connection at any time Loop a while Or start capturing using an event callback Parsing the raw packet for the type you want If you are reading .PPP dump files In addition to calling you an offline capture reader is almost the same, there is no need to select an interface, and you can set the majority There is no need to do the modes. All st...
    Read more

    php - Multiple Select with Explode: only returns the word "Array" -

    -
    By using Wordpress I have created a multiple selection box so that users can select categories to exclude. When the page is initially loaded, I see my predefined default option. However, when I select a new value and I save ... I only see the word "Array" and have not chosen anything else? & lt; Class = "amultiple" id = "& lt; php echo $ value ['id'] ;? gt;" name = "& gt; php echo $ value ['id'] ;; gt; []" Multiple = "multiple" size = "8" & gt; & Lt ;? Php global option; Foreign currency ($ value as value $) {if (get_settings ($ value ['id']) === FALSE {$$ value ['id'] = $ value ['std']; } And {$$ value ['id'] = get_settings ($ value ['id']); }} $ Ranges = & amp; Amp; Categories ('type = post & orderbiz = name & amp; hide_empty = 1'); If ($ ranges) {$ ex_cat = implode (',', $ tt_cat_exclude); Forex Currency ($ range a...
    Read more

    php - jQuery AJAX Post not working -

    -
    I do not understand why this script does not work. It has something to do within AJAX PostScript / Function. Right now, when I submit my form, it runs php code on the same page. What it should do, send the values ​​of the form for Project_Azax.fp, then there will be a refund of success on the page which is correct or false. $ (document) .ready (function () {$ ('div # didIt'). Hide (); $ ('form [name = adminForm]'). Submit (function () ($ {'.post' ('/ project_ajax.php', {action: $ ('[name = action]') Val (), pId: $ ('[name = pId]'). Val (), name ('[Name = name]'. Val (), url: $ ('[url = url]'). Val (), summary: ('[summary = summary]'). Val ()}, Function (data) {if (data.success) {$ ('div # didIt') .Sliddown ('slow');} and {warning ('unsuccessful SA!');}}, 'Jason'); return false ;});}); What is the code for project_ajax.php below ... if ($ _ POST ['action'] == ...
    Read more