Caitlin-havener Posted March 16, 2012 Share Posted March 16, 2012 See: http://sulley.dm.ucf...nt2/viewer.html user enters a search term, then click submit. It should open the php file via the javascript click function which performs a cURL response then returns the JSON object to the javascript to parse. Right now im just trying to get the JSON object printed to the console in the javascript function. Can anyone see the issue? in developer tools the network response shows the JSON object but its not printing to console. html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>DIG4503 – Caitlin Havener Assignment 2</title><link rel="stylesheet" type="text/css" href="css/reset.css" /><link rel="stylesheet" type="text/css" href="css/styles.css" /><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="js/a2.js"></script></head><body><div id="wrapper"> <div id="header"> <img src="#" alt=""/> <h1>A Case of the "Mondays"</h1> </div> <div id="content"> <div id="search"> <input type="text" id="searchText" /> <div id="submit"><h2>Submit</h2></div> </div> <div id="thumbs"> </div> <div id="specific"> </div> </div> <div id="footer"> <h1>Designed by Caitlin Havener with Flickr API, cURL, jQuery, XHTML</h1> </div> </div></body></html> javascript: // JavaScript Document$(document).ready(function(){$("#submit").click(function(e){ e.preventDefault(); var txt=$("#searchText").val(); $.ajax( { url:'getThumbs.php', data: 'text=' + txt, type: 'POST', dataType:'json', success:function(data) { //parse console.log('success'); console.log(data); //object is in 'result' //append responseXML (json) to #thumbs //parse the json object and output images with jquery }, failure: function(){ console.log('failure') }});});}); php: <?phpini_set('display_errors', 'on');/*should contain a PHP script that performs a cURL request for datafrom Flickr using the flickr.photos.search REST API and should return an XMLresponse.*/$ch = curl_init();$txt= $_POST['text'];$url = 'http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=ccb29e24bac7fd677e1e1ba0a4ae84fa&text=' . $txt . '&content_type=1&media=photos&per_page=40&format=json';curl_setopt($ch, CURLOPT_HEADER, 0);curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);curl_setopt($ch, CURLOPT_URL, $url);$curl_response = curl_exec($ch);curl_close($ch); //$rsp_obj = unserialize($curl_response);echo($curl_response); /*getThumbs.php should loop through the XML response and output a set of <img />elements that contain thumbnail URLs as the src attribute and the photo_id as the altattribute of each image ONLY for images that were taken on a Monday.*/ ?> Link to comment Share on other sites More sharing options...
thescientist Posted March 16, 2012 Share Posted March 16, 2012 add "nojsoncallback=1" to the request URL in PHP,http://www.flickr.com/services/api/response.json.html and consider changing the click event to onhttp://api.jquery.com/on/ Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.