How to grab content from another page?

Design help Custom code
1

I’m trying to using the .get() method but is my first time hehe.

const quickSilverBtn = $('#QS-btn');
    
    quickSilverBtn.on('click', function() {
    const lookbookWrapper = $('.lookbook-content-wrapper');
    
       $.get( "http://kokomo-a76bf4.webflow.io/brands/quicksilver/man", function( data ) {
          $( "#man-qsilver-content" ).html( data );
          console.log( $("#man-qsilver-content") );
       });
       
       lookbookWrapper.append('#man-qsilver-content');
       
    });

I want to grab the content from another page and put it on a div. What I need to do?
I’m very frustrated hehe
Thanks a lot people!

2
3

Hi! I having the same question. Did you solve it?

5

Htmx is ideal for this situation.

Include the script in your header, then on the div where you want the content to appear you can add some custom parameters to give you something like:

<div hx-get="url/of/the/page/you/want/to/grab" hx-select="#id-of-div-you-want-to-grab"></div>