Solved

do i need to reload jquery and bootstrap js files if i submit a form via ajax?

Posted on 2014-03-01
4
1,263 Views
Last Modified: 2014-03-04
Hello

Please can you tell me if I need to reload jquery and boostrap js files if I submit a form via ajax?

I was told by one source that I do but reading here it sounds like i dont but rather have to rebind the events

http://jetlogs.org/2009/01/29/re-binding-jquery-events-on-ajax-callbacks/

However my page uses 3rd party code which contains jquery. Being as I didnt write the 3rd party code I wouldn't know what rebinding was required

Please could you explain the process that happens regarding the jquery files and ajax postbacks
0
Comment
Question by:andieje
  • 2
4 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 39897695
No, once its loaded on the page that's it.
If you have dynamic elements that you need to bind then you use the .on function.  This will bind any events you have programmed to dynamic/new elements

e.g.
If you wanted to capture the onclick of a dynamic anchor tag you would be writing the jquery like so

$(document).on("click",".anchor-class",function(){
...
})


This will handle existing and new elements with the class.
0
 
LVL 110

Assisted Solution

by:Ray Paseur
Ray Paseur earned 250 total points
ID: 39897717
Agree with Cathal.  The sequence of events in the client/server relationship is detailed in this article, which is required knowledge for web application developers.
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/A_11271-Understanding-Client-Server-Protocols-and-Web-Applications.html

Upon the first request for the page, the HTML, CSS and JavaScript components are prepared by the server and sent to the client machine.  Then the server disconnects and waits.  As long as the client browser is open, the same HTML, CSS and JavaScript is in control of the client experience until it is modified by something that may have come back from an AJAX request, or any other event.  So until there is another request to reload the page, the client environment is stable.
0
 

Author Comment

by:andieje
ID: 39901398
Thanks for replies. I have read the recommended article but I still am not sure

So existing elements retain all their events associated with them?
If i add new elements and I wnat to capture their events then naturally i will have to bind to them - fair enough.

Is this correct?

Also while i'm thinking about it - though i know this is a separate question - do the stylesheets get aplied to dynamic elements created through ajax? I've not really dont ajax before. I will look this up but being a I'm here it makes sense to get a decent explanation of whats going on :)
0
 
LVL 58

Expert Comment

by:Gary
ID: 39901414
So existing elements retain all their events associated with them
Yes - unless you unbind them they keep them.
If i add new elements and I wnat to capture their events then naturally i will have to bind to them
You can either bind them when loaded through ajax or cater for them in your jQuery code to begin with by using the .on example above.

do the stylesheets get aplied to dynamic elements created through ajax
Yes
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question