Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialnicholas maddren
12,793 PointsHow has this search been developed?
Hey guys I'm trying to work out how this list search has been developed if you take a look here:
http://screencast.com/t/1WWAmOUdaSbt
As you can see when the search is filtered the listings automatically update, I have never seen any tutorials on how to do this in PHP so I'm wondering if a bit of JS might have been implemented?
Here is the link to the site: http://www.motors.co.uk/search/car/reduced
Any idea how this might have been done? Every search I have made has always needed an update button to trigger the search.
Thanks, Nick.
4 Answers
thomascawthorn
22,986 PointsLooks like javascript / AJAX. You might translate your php arrays into either JSON or an XML file to create this kind of functionality.
Alexandre Juca
Courses Plus Student 3,222 PointsTom is 100% correct. Did the same for search on one of my websites. PHP + Javascript + AJAX
thomascawthorn
22,986 PointsDid you go with JSON or an XML file out of interest? Or do you employ both?
nicholas maddren
12,793 PointsJust been doing a bit more research on this. Can I just ask how you kept all JSON data up to date? Do you just cron the script regularly? Thanks
thomascawthorn
22,986 PointsI think you create it for every database return
Alexandre Juca
Courses Plus Student 3,222 PointsI went the JSON route. Had to filter out nasty characters from the input and search the database for matching students and store them in json format so my js script could retrieve the student names, profiles pictures and inject them into the dom.
thomascawthorn
22,986 PointsNice!
Alexandre Juca
Courses Plus Student 3,222 PointsThere was no need to keep it up to date. It was a simple search function. 1.The user types in a query 2.Javascript Ajax script sends query to php script 3.php filters special characters like "*, /, ' " 4. PHP checks if data exists in table and returns data in json format 5.Javascript ajax script injects data to DOM. Simple no need to keep up to date because the response depends on the user query. It wont be the same everytime.
nicholas maddren
12,793 Pointsnicholas maddren
12,793 PointsI thought it didn't look like PHP, so I wonder how they are getting the data delivered to the JavaScript :s.
If they used XML or CSV you'd expect it to be really unificient however it operates quite fast.
So just so I understand do you think they are exporting their database table regularly into a XML and displaying the data that way?
I'm a little confused haha
thomascawthorn
22,986 Pointsthomascawthorn
22,986 PointsThat's one possibility, or they're using a php array, which has been converted to JSON format. At it's most basic, this is creating an array that javascript can read from.
Either create an XML file on CSV upload or convert a php array to JSON for javascript to play with. Have you seen the treehouse ajax courses?
nicholas maddren
12,793 Pointsnicholas maddren
12,793 PointsNo I haven't I'll take a look now, thanks Tom now that I've got a general understanding I'll do further research :)
thomascawthorn
22,986 Pointsthomascawthorn
22,986 PointsNo worries