TypeError: a is null

Question

I am using the following jQuery Ajax call ... somehow it does not work.

Error: TypeError: a is null

Here is my code:

 var prefixUrl = "autocomplete?action=complete&id="; $('#complete-field').bind('keyup', function(){ var url = prefixUrl + escape($('#complete-field').val()); $.ajax({ type: "GET", getUrl:url, dataType: "xml", success: function(responseXML) { var composers = responseXML.getElementsByTagName("composers")[0]; if (composers.childNodes.length > 0) { $('#complete-table').css("border", "1px solid green"); $('#complete-table').css("margin", "128px 0 0 -82px"); for (var loop = 0; loop < composers.childNodes.length; loop++) { var composer = composers.childNodes[loop]; var firstName = composer.getElementsByTagName("firstName")[0]; var lastName = composer.getElementsByTagName("lastName")[0]; var composerId = composer.getElementsByTagName("id")[0]; appendComposer(firstName.childNodes[0].nodeValue, lastName.childNodes[0].nodeValue, composerId.childNodes[0].nodeValue); } } }, error:function (xhr, ajaxOptions, thrownError) { alert('xhr.status: ' + xhr.status); alert(thrownError); } }); }); 

Any idea please?

Many thanks

Answer 1

 $.ajax({ type: "GET", getUrl:url, ... 

it should be

 $.ajax({ type: "GET", url: url, ... 

See the docs at http://api.jquery.com/jQuery.ajax/