My collegues and I are working on a web API that we are communicating with using knockoutjs. To avoid running into cross site scripting security built into browsers, we have the api located in a virtual directory in our website directory.

If we place a "stupid" html file in the directory, we can "talk" to the api with no problems. If we, on the other hand, try to reference the api in the virtual directory from umbraco it isnt found.

I looked around for various solutions, but most, if not all, are if you are using MVC3 which solutions doesnt really help.

Here is a bit of the javascript that tries to contact the API:

var API_URL = "/api/Subscriptions/";

function subscribe() {
      if($("#siteForm").valid()=== true){
        alert("add subscriptiooncalled");
        var mySubscription = ko.toJS(ViewModel);
        var json = JSON.stringify(mySubscription);
        alert(json);
        $.ajax({
            url: API_URL,
            cache: false,
            type: 'POST',
            contentType: 'application/json',
            data: json,
           success: function (data) {
                alert("data is pushed");
            },
            error: function (error) {
                alert("ERROR STATUS: " + error.status + "  STATUS TEXT: " + error.statusText);
            }
  
        });
      }else{
       
      }
    }

Doing this doesnt work either:

var root = location.protocol + "//" + location.host;
    var API_URL = root + "/api/Subscriptions/";

Note the alerts are for testing purposes. Anyway, the url in the code obviously dont work, and inserting the full url doesnt work either (http:// etc. etc).

Any suggestions? Using Umbraco 4.7.2 if it helps.