title: kendo mobile JSON data calling
body: <p>I have written a code for taking JSON data from a PHP and putting to listview, it works great in localhost.
  When I put the PHP file in a web server and called in Javascript it showing error and not getting data.</p>
  <p>This method I have  used:</p>
  <pre><code> var dataSource = new kendo.data.DataSource({
                  transport: {
                      read: {
                       
                         //url: &quot;userchk.php&quot;,    //this works in localhost  
                         url: &quot;http://example.com/web/userchk.php&quot;,  this is not working in localhost 
                         
                          dataType: &quot;json&quot;, // JSONP (JSON with padding) is required for cross-domain AJAX
                          data: { //additional parameters sent to the remote service
                              q: &quot;javascript&quot;
                          }
                      }
                  },
  </code></pre>
  <p>The first url data is getting in localhost and works great, second url is not working(but data show if we run the url in a browser).</p>
  <p>It show an error like this:</p>
  <blockquote>
  <p>XMLHttpRequest cannot load <a href="http://example.com/web/userchk.php?q=javascript" rel="nofollow noreferrer">http://example.com/web/userchk.php?q=javascript</a>. Origin http://localhost is not allowed by Access-Control-Allow-Origin.</p>
  <p>waiting for a good response</p>
  </blockquote>