title: How send Ajax to remote server in extjs6?
body: <p>I'm developing an application using Extjs-6.0.0 in client side. I run client side application in <strong>port 80</strong>. My server side application running in <strong><em>port 8084</em></strong>. I want to create an Ajax request to send a request to server and this request have attributes as follow:</p>
  
  <p><a href="https://i.stack.imgur.com/IjseX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IjseX.png" alt="enter image description here"></a></p>
  
  <pre><code>var json = {
      "@class": "ir.javan.geoad.entity.Melk",
      "title": "itsme",
      "description": "Hi all",
      "callPhone": "0912312312",
      "address": "ya ali",
      "accuracy": "MANTAQE",
      "user": {
          "email": "itsme.mm@gmail.com",
          "name": "asdf",
          "family": "asdf"
      }
  };
  Ext.Ajax.request({
      url: 'http://localhost:8084/GeoAd/ad/Add',
      useDefaultXhrHeader: false,
      method: "POST",
      cors: true,
      headers: {
          "Content-Type": "application/json"
      },
      jsonData: json,
      success: function(response){
          text = response;
      }
  });
  </code></pre>
  
  <p>But this does not work. <strong>How can I do this</strong>?</p>