http://www.nomadjourney.com/wp-content/uploads/2009/01/ajax_user_list.zip


from django.conf.urls.defaults import *
from django.views.generic.simple import direct_to_template
from django.contrib.auth.views import login, logout_then_login
from django.conf import settings


from django.contrib import admin
admin.autodiscover()


urlpatterns = patterns('',
( r'^admin/(.*)', admin.site.root ),
( r'^site_media/(?P .*)$', 'django.views.static.serve', { 'document_root': settings.MEDIA_ROOT } ),
( r'^demo/', include( 'demo.urls' ) ),
)

There is possible to update 2 divs with the same load function?

Thanks for sharing your experience using jQuery Taconite and Django together. Really good stuff! I’ll have to steal this for my next project. ;)

I had to do some Django/Ajax interaction on a site I did 2 years ago. We had a separate window called the Video Console and a large list of videos that could be displayed. Each video had a number of components: a URL to the FLV file, descriptive text, URLs to related products, etc. I was concerned about too much knowledge of the page layout being buried either in the back end or in the JS code for the AJAX handling.

Then I found the jQuery plugin called ‘taconite’! (Cue sounds of angels singing from on high.) See http://malsup.com/jquery/taconite/

I created a simple utility class to collect the various changes we wanted to make to the browser page. When you call the response() method it gives you a fully compliant XML/Taconite object wrapped in an HttpResponse object and … everything just works!

Between the taconite jQuery magic on the front, and the simplicity of building/rendering on the back, it’s almost embarrassing how simple taconite makes doing AJAXy stuff.

I put a quick-and-dirty version of it at:
http://techbuddy.us/taconite.py.txt

I just left a comment for your blog post. Thought that it might be the right place to continue the discussion.

http://www.grenadepod.com/2009/11/13/query-data-from-django-site-with-jquery/

Now I’ve got one question. How would you go about passing information from the HTML back to the site? If you look at my example I use class to identify all objects I want to query and the id holds the object specific information. Again, I’m total muppet when it comes to js/ajax stuff, so just wondering what would the best practises be in approaching this?

Cheers!

No, “customers.fields.id” is not set in the template context.

I am using Ajax/JSON to pass “customer” objects from the View to the Template (via jQuery).

Just to make things a bit more clear, finally what I am looking to achieve is to generate entire HTML UI using Ajax (via jQuery). For that I require the “Customer” objects which I am getting thru JSON.

But the problem is, getting the URL for each customer object (for e.g. /cutomer/21). Ofcourse, I can hard code the URL such as ("/customer/"+ "Customer_ID"), but then it would be a very poor design decision & quite cumbersome to maintain. That’s why I require the reverse URL lookup to work at runtime inside an Ajax (jQuery) call.

There isn’t a way to have Django evaluate that url template tag from the client side. However, there is a way to get around this problem.

I am assuming that customers.fields.id is set in the template context by your view. If so, you can do something like this in your template’s JavaScript block:

var customerID = {{ customers.fields.id }};

And then in the jQuery portion:

$( '#search_container' ).html( ' ' ).load( '{% url show_cust %}/' + customerID + '/' );

And that should do the trick.

Consider this code…

$(document).ready( function() {
$( '#searchSubmit' ).click( function() {
searchstring = $( '#searchstring' ).val();
var querystring = { q: searchstring };
$.getJSON("/customer/srch/",querystring,
function(data){
$("#search_results").remove();
// Add the search_results div to the container
$("#search_container").append("");
$.each(data, function(i, customers){
$( '#search_container' ).html( ' ' ).load( '{% url show_cust customers.fields.id %}' );
});
}
);
return false;
});
});

Here the

$( '#search_container' ).html( ' ' ).load( '{% url show_cust customers.fields.id %}' );

is throwing an error…

Caught an exception while rendering: Reverse for 'show_cust' with arguments '('',)' and keyword arguments '{}' not found.

This is so, because the value of customer_id is not known at first. But would only be known once the “searchSubmit” button has been clicked.

How do I ask the django Templating language to only evaluate the url call at run time & not at first page load?

I hope I have been clear in explaining the issue.

Thanks,
Sameer

Is the jQuery snippet above inside of a Django template? If not, then the call to the url template tag will not work.

If it is within a Django template, then check your rendered HTML and see if the call to the url template tag is working properly. You may also want to check for any unclosed template blocks ({% or %}).

About my code:
This is from jquery: $( '#test_div' ).html( ' ' ).load( '{% url test_ajax %}');

I have created the “#test_div” on html page.
This is the view:
def test_ajax1( request ):
if request.is_ajax():
template = 'operators/operators_list.html'
data = {
}
return render_to_response( template, data, context_instance = RequestContext( request ) )

This is the url:
url(r'^operators/', 'ibox2.operators.views.test_ajax1', name='test_ajax'),

I have the operators_list.html template also created.

You know why I get this error?

I actually did mean to say jQuery. Don’t get me wrong, jQuery is the most awesome JavaScript library out there. Its power is in DOM traversal. It obviously has a very robust DOM manipulation API as well. However, its weakness is in on the fly creation of DOM elements.

E.g., if I wanted to add rows to a table element for instance, I’d have to set a string variable with the HTML markup for the row and use jQuery.append() to add it to the table. There is no way for me to add the row in a more programmatic kind of way. That’s what I meant. Hope this clears this up.

– Nizam

I believe JavaScript has a built in function called encodeURIComponent( String ) which will encode a specific component of a URI. So the call to jQuery.load() above can be modified to the following to handle spaces and the like:

.load( ‘{% url demo_user_search %}?q=’ + encodeURIComponent( q ) );

Here is a link which may be useful:

http://xkr.us/articles/javascript/encode-compare/