title: Origin null is not allowed by Access-Control-Allow-Origin
body: <p>The json response is in <code>{"userName":"clevermeal835","userRole":"Participant"}</code></p>
  
  <p>I am getting an alert message as success but while reading the response I am getting the error: </p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load the url Origin null is not allowed by
    Access-Control-Allow-Origin.</p>
  </blockquote>
  
  <p>If I run the code from command prompt by </p>
  
  <blockquote>
    <p>--disable-web-security</p>
  </blockquote>
  
  <p>I am getting response.
      Can any one help me resolving this problem with out using command prompt.
       The below code. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(
      function() {
          $("#jsonpbtn2").click(function() {
              var uid = "clevermeal835";
              var pwd = "Welcome_1";
              var userType = "participant";
              var surl="http://localhost:8080/RESTlet_WS/MobiSignIn/{\"userName\":\""+uid+"\",\"password\":\""+pwd+"\",\"userType\":\""+userType+"\"}/";
  
  $.ajax({
      type : 'GET',
      contentType: "application/json; charset=utf-8",
      url : surl,
      dataType : 'json',
      headers : {Accept : "application/json","Access-Control-Allow-Origin" : "*"},
      crossDomain : true,
      success :SucceedFunc ,
      error : function(data, textStatus, errorThrown) {
          console.log("error"+' '+JSON.stringify(data) + textStatus  + errorThrown);}
      });
  
  function SucceedFunc(data) {
      alert("success");
      var userName = data.userName;
      alert(userName);
      }
  });
  });
  &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input id="jsonpbtn2" type="submit" value="button" /&gt;
  &lt;/body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>