Appending service name in jQuery.ajax url parameter

Question

If I was to set up future ajax calls using:

$.ajaxSetup({
    url: '/WebServices/AjaxService.asmx',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json; charset=utf-8'
});

Is there any way I could append the service name in future calls? Like this:

$.ajax({
    url: '+=/ServiceName'
});

Or is a global variable my best option?

Answer 1

Not the way you are suggesting (although $.ajaxSetup.url could be used that way), but you may want to create an object that has the path fixed and you can set the service method name:

function Service(){
  var path = 'http://myserver';

  this.getServiceUrl = function(serviceName) { return path + '/' + serviceName; };
}

...

var s = new Service();
$.ajax({
  url: s.getServiceUrl('myServiceName'),
  ...
});

Or something like that. I hope that helps.

Answer 2

$.ajaxSettings will allow you to access the ajax settings. You could then go:

$.ajax({ 
  url: $.ajaxSettings + "/ServiceName"
  ... 
});