I have a requirement which is getting cross domain json data via Ajax. I need to maintain 2 different server (Server A and Server B).

Server A only contain static contents. ie: JS, Images, Css

Server B only contain dynamic contents ie. php driven scripts

According to above requirement I have set up and successfully configured Nginx + Apache environment in my local pc.

I have a two domain run on my local host.

Server A : http://localhost:9000/ > running on Nginx as a front end for static content

Server B : http://localhost:8888/ > running on Apache as a back end for dynamic content (i.e. php)

Server A contain

index.html jquery and custom Ajax handling java script.


<!doctype html>
<meta charset="utf-8">
<script src="./js/jquery-1.7.2.min.js" type="application/javascript"></script>
<script src="./js/script.js" type="application/javascript"></script>
<div id="result"></div>


$(document).ready(function(e) {
    var url = 'http://localhost:8888/drp/application/ajax.php';
        var success = function(data){
        var set = "";
            set += "Name: "+ data['fname']+ " " + data['lname']+"<br>";
            set += "Age: "+ data['age']+"<br>";
            set += "Address: "+ data['address']+"<br>";
            set += "Email: "+ data['email']+"<br>";
            set += "Web: "+ data['web']+"<br>";

    var error = function(jqXHR, textStatus, errorThrown){

          type: 'GET',   
          url: url,
          dataType: "jsonp",
          crossDomain: true,         
          success: success,
          error: error

Server 2 contain ajax.php which is handle the Ajax request


#header('Content-Type: application/json');
header('Content-Type: application/javascript');

$x = array(

    'fname' => 'Jone',
    'lname' => 'Max',
    'age' => '26',
    'address' => 'London,Uk',
    'email' => 'jone.max@test.com',
    'web' => 'http://jonemaxtest.com',


print json_encode($x,true);

When I am calling this front end index.html, I can see an error like this

SyntaxError: missing ; before statement 

I tried so may time but I did nor get correct result. every time I get this kind of error message. also I have tried to change header('Content-Type: application/javascript'); into header('Content-Type: application/json'); but did not work.

where I did my mistake in that code set...?

Please help me.!

Edited by umandajayo: I have missed some importan part

3 Years
Discussion Span
Last Post by ryantroop
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.