title: Connect to webService using AJAX and CORS
body: <p>I'm developing a phonegap App with html5, css, js and jQuery Mobile and I need to connect to a webservice which is already done and fully working. The problem is the Access Control Allow Origin and the Cross Domain. As if it wasn't hard enough I have to think about the authentication too, essential to connect to the web service. I already done my research, read a lot of tuts, tried a lot of solutions, some of them using jsonP which looked to me the closest one to work. The thing is I'm new at this and no tutorial looked good, so hopefully someone here could lead me the way. The webService was build in asp.net and I have full access to it if it's needed. I'm using AJAX to make the "call" but I can't pass the ForeFront authentication .</p>
  
  <p>Here's the JS+AJAX code:</p>
  
  <pre><code>function conteudoProg() {
      var webMethod = "myURL";
      var credentials = {
        username : "myUser",
        password : "myPass"
    };
  
  $.ajax({
      type : "GET",
      url : webMethod,
      //data: credentials,
      contentType : "application/json; charset=utf-8",
      dataType : "jsonp",
      success : function(msg) {
          alert(msg);
      },
      error : function(e) {
          alert(e.status + " " + e.statusText );
      }
  });
  }
  </code></pre>
  
  <p>If I change my dataType from jsonp to json, I get this error:</p>
  
  <pre><code>OPTIONS https://myURL 440 (Login Timeout) 
  XMLHttpRequest cannot load https://myURL Origin http://127.0.0.1:8020 is not allowed by Access-Control-Allow-Origin.
  </code></pre>
  
  <p>With jsonp, the error looks like this:</p>
  
  <pre><code>Resource interpreted as Script but transferred with MIME type text/html: "https://myURL/CookieAuth.dll?GetLogon?curl=Z2FWSInqueritosZ2FServ…1820135927463_1359737732559Z26_Z3D1359737732605&amp;reason=0&amp;formdir=3". jquery-1.8.2.min.js:2
  Uncaught SyntaxError: Unexpected token &lt;
  </code></pre>