Converting prototype Ajax function to jQuery

Question

How would I convert the following prototype-based js code to jQuery? I'm stripping prototype out of an existing site that is having jQuery integrated into it and there are just a few pieces of code like this that were dependent on prototype:

function updateJobSubCategory(blockToUpdate, ParentID){
      var url = '/resource/ajax/selectCategories.cfm';
      var params =  'multiple=1&ParentID=' +  ParentID + '&selectedList=' + CategoryList($('SubCategoryIDs'));
      $(blockToUpdate).innerHTML = "<div>Loading...</div>";

      var ajax = new Ajax.Updater(
          {success: blockToUpdate},
          url,
          {method: 'post', parameters: params}
      );
  }

Minesh Patel · Accepted Answer · 2015-10-06 13:06:08Z

1

Try this

function updateJobSubCategory(blockToUpdate, ParentID)
{
    var url = '/resource/ajax/selectCategories.cfm';
    var params =  'multiple=1&ParentID=' +  ParentID + '&selectedList=' + CategoryList(jQuery('SubCategoryIDs'));
    jQuery("#"+blockToUpdate).html("<div>Loading...</div>");     
    jQuery.ajax({
        dataType: "html",
        type: "POST",
        evalScripts: true,
        url: url,
        data: params,     
        success: function (data, textStatus){              
            jQuery("#"+blockToUpdate).html(data);
        }
    });    
}

answered Oct 6, 2015 at 13:06

Minesh Patel

5411 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hiltje · Accepted Answer · 2015-10-06 13:15:04Z

0

Just an addition to the answer of Minesh Patel. In jQuery 1.8 on the jqXHR object (returned by $.ajax) success is replaced by done, error with fail and complete by always. If you want to be up to date you should use done instead of success.

answered Oct 6, 2015 at 13:15

Hiltje

1401 silver badge5 bronze badges

Collectives™ on Stack Overflow

Converting prototype Ajax function to jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related