Question

I’m using Symfony2.1 with Doctrine2.1

I’d like to use AJAX for many features on my site , editing a title , rate an article , create an entity on the fly , etc.

My question is simple :

Do I need to create a JQuery function for each functionnality , like this :

$('#specific-functionality').bind('click', function(e){

    var element = $(this);
    e.preventDefault();

    // the call
    $.ajax({
      url: element.attr('href'),
      cache: false,
      dataType: 'json',
      success: function(data){        

        // some custom stuff : remove a loader , show some value, change some css

      }
    });
  });

It sounds very heavy to me, so I was wondering if there’s any framework on JS side, or a specific method I can use to avoid this. I was thinking about regrouping items by type of response (html_content , boolean, integer) but maybe something already exists to handle it nicely !

Answer 1

Instead of $('#specific-functionality').bind('click', function(e){, try this:

$(".ajax").click(function(){

    var url = $(this).attr("href") ;
    var target = $(this).attr("data-target") ;
    if (target=="undefined"){
      alert("You forgot the target");
      return false ;
    }

    $.ajax(....

And in html

<a class="ajax" href="..." data-target="#some_id">click here </a>

I think it is the simplest solution. If you want some link to work via ajax, just give it class “ajax” and put data-target to where it should output results. All custom stuff could be placed in these data-something properties.