1

I tired using the proxy solution in

Origin http://localhost is not allowed by Access-Control-Allow-Origin.?

and on the file proxy.php I have

<?php
// File Name: proxy.php
if (!isset($_GET['url'])) die();
$url = urldecode($_GET['url']);
$url = 'http://' . str_replace('http://', '', $url); // Avoid accessing the file system
echo file_get_contents($url);

In main I have

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<script src="proxy.php"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-                1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript"     src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$.ajax({
url:"proxy.php?url=theurlofmyapi",
type:'GET',
dataType:"json",
success:function(data){console.log(data.results.result[1].category);}
});</script>
</head>

<body>
<div data-role="header"> 
<h1>Upcoming Movies</h1> 
</div> 
<ul id= "data" data-role="listview">
<li><img src="http://content8.flixster.com/movie/11/17/20/11172082_mob.jpg"         class="ui-li-thumb"><h3 class="ui-li-heading">Warning</h3><p class="ui-li-desc">hot</p>                           </li>
<li><a href="javascript:alert('hi')">Audi</a></li>
<li><a href="bmw.html">BMW</a></li>
</ul></body></html>

Now I call main.html in my localhost in Google chrome and the console says error on first line of php. I'm not sure what the problem is. The error message is: Uncaught SyntaxError: Unexpected token <

Community
  • 1
  • 1
tcui222
  • 319
  • 2
  • 3
  • 10

1 Answers1

2

Just remove this line from your html:

<script src="proxy.php"></script>
Ruben
  • 5,043
  • 2
  • 25
  • 49
  • Yup this was the right solution, that line copied my code in there a second time. Since proxy.php didn't have a closing tag, there was an error – tcui222 Aug 31 '13 at 16:09