jQuery Tutorial: AJAX Load Content With No Page Refresh

[@PowerHouseWash]

Rob has a new course. It's an updated version of his old course with html 5 and some other changes. You should get a coupon for that because I doubt anyone will take the old one now.

[@ronnizag]

Great video can we make ajax and jquerry to call products without loosing the url of the Page? In order to be able to copy it and send it to afriend?

[@DameDiabolique]

Works like a charm. How would you change the url in the browser window to reflect the link being linked? With this way, if someone leaves the site and goes back they get taken to the home page and not the page they were looking at.

[@helderneves91]

hey this is really useful! Basically, you save bandwitdh and load time by not loading html header/footer, which probably contains heavy css and js files! Am I right? Or the home/about need to have the html header/footer with js/css files?

[@Rodgigo]

Awesome tutorial!, if you would want like the links to fade in and out from lets say from home to about what code could you add?

[@mosapz]

Thank you very much. it's really a great tutorial.

[@john.morris]

+freedom12 thank you!

[@trimudakarya2993]

hello John...how do you do? :) your video help me fully... but I have a new problem...i have a recursive menu...how to take a last node from my menu ?? I use last node for async action to load page. and I want parent menu no take action to load page

[@Jassme1121]

Hi John, I can't find the php code snippet for this, looks like it is not posted. Please share again. TIA!

[@mythicalmelodies276]

Dude thank you so much! I have been looking everywhere for how to do this. My only question is that it looks like you're linking to a .php so what do those files actually look like? are they programmed differently than an actual page?

kinda late. but no much

[@mohamedsouleymane5419]

Hi Sir, How to do the same with url change onclick. for example if home link is clicked, url must be something like: "localhost/ims/home". If about link is clicked, url must be something like: "localhost/ims/about". Thanks

[@Manuel_Lopez]

Amazing dude!!!

[@raoramprasath8]

Awesome john...thank you so much .this video helped me a lot ...;

[@nholmes86]

great one....keep up the goood JOB

[@tomasjsierra]

The code runs smoothly in Firefox, but not at all in Chrome. Any particular reason and way to fix it? Thank you very much for your video John!!

[@tomasjsierra]

+Jose Tomas Sierra It works fine on both Firefox and Chrome from a server. The problem relies when running locally. Thanks !!

[@john.morris]

Good to hear you got it!

[@K2_Chris]

This also works with Ajax 3.3.1, just wish the code was at pastebin or somewhere else.

[@MrZona93]

How to load a complete html css div (with forms integrated) when I click on the navbar?

[@renovatio9373]

Hello John, what IDE are you using?

[@HariHari-wn8ow]

RENO VATIO Atom text editor

[@MrSudarsankanumilli]

hello please shed some light : ii am new to this: whats the benefit of ajax on my website:what difference does it make on my website? does it make it run smoother or faster? please help

[@SyAssProductions]

+S Kanumilli you only have to load the page once, works smoother if you're on slow network

[@chaplinli7623]

[jquery-3.1.1.min.js:4 XMLHttpRequest cannot load file:///G:/WEB/www/html/test1.php. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource] I can't load the php in the same page.How can i fix it?It seems like js can't open the local file.

[@niyamathulla.a6430]

bro how to change along url ..also

[@mufcirfan3280]

is it necessary that the index file should be .php ? can we use .html file instead of .php ? help asap please

[@firelordkushroll]

it doesn't have to be php. i am doing this with raw html/css

[@yashbaxi3506]

Which code editor you are using??

[@uriahsvictor8543]

+Yash Baxi Atom I think

[@albanustemu7396]

i have create a page that loads data from database in every 5 seconds by using Ajax and put the data in a div inside the page , the problem is when i refresh the page the content of the div is dissapear for a moment how can i fix this problem? some one help me

[@jotesoft]

this is helpful. but i m trying to load a html . but the css is not loading with html

[@AR-je2pc]

The mystery is he is actually 'Rob'...

[@sruthikalikota9793]

how to call a jsp pages using these links someone please help

[@viveks1974]

I am getting a cross origin being blocked - let me know if anyone can help.

[@Suva2023]

I am watching in 2024 September

[@raoramprasath8]

hI sir i need a urgent help .As per the above video i have created the content loading its working fine .But i have one problem while loading my forms. 1)In About link I have created the basic form ,while submitting the form the data is not uploading in the mysql db ,bcs it get auto refresh and go back to the home page . Please help....... THANKS IN ADVANCE.. here is my src. base file : Buvvi HR input.ng-invalid{ border:1px solid red;} input.ng-valid{ border:1px solid green;} video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(sample.png) no-repeat; background-size: cover; } video { display: block; } $(document).ready(function(){ // Set trigger and container variables var trigger = $('#nav a'), container = $('#content'); // Fire on click trigger.on('click', function(){ // Set $this for re-use. Set target from data attribute var $this = $(this), target = $this.data('target'); // Load target page into container container.load(target + '.php'); // Stop normal link behavior return false; }); }); Bivvi Web Home Page 1 Page 1-1 Page 1-2 Page 1-3 Page 2 Page 3 Sign Up Login Home About 2.php source Buvvi HR Unit Master Add Unit min Short Name Business DSFDR

[@rickybee4537]

only 25% off mate

[@atundetayo7341]

Good job bro, JESUS IS COMING BACK SOON; PREPARE

[@manikantapmk9394]

then get ready for to make him cross again but this time is very strong 💪