Search with PHP and jQuery
plus

New Premium Tutorial: Asynchronous Search With PHP and jQuery

In this tutorial we’re going to be creating a widget for our web pages which allows visitors to search the contents of our site. We’ll be using jQuery to pass the search term to the back-end, and to receive and display the results. We’ll be using PHP to search for the term in a local site and then return any matching URLs back to the page as a JSON object. Join today!

Preview

Join Tuts Premium

For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://ivorpadilla.com iPad

    Great topic, i’m going to check it out!

  • Eric

    Hm, looks like it’s not keyboard accessibble. Too bad, I would have signed up for that. This looks like pretty basis stuff which is explained in several tutorials out there already.

    Please see this as constructive critisism, I really think there’s a demand for a well-written tutorial on a perfect live search. I think Apple’s livesearch is pretty great for instance (live results, grouped by category, walk through list with keyboard, enter to go to result), and I would love to be able to do that with jQuery.

    • http://danwellman.co.uk Dan Wellman

      Hi Eric, thanks for the criticism, I’ll take it onboard :)

      • Eric

        Great! I’ll definitely sign up for + whenever someone write such a thing.

        Keep up the good work.

  • http://www.quizzpot.com crysfel

    there are plugins and libraries to do this ;) but i’d like to read “Dan Wellman” tutorial :o

  • http://www.jeff-way.com Jeffrey Way

    Well sure. But too much abstraction is never a good thing.

  • Ian

    I realize you guys have to make money… but it seems like ever since you guys have really started pushing this TUTSPLUS thing rather than make additional content for plus members you’re just scaling back on your free available tutorials and making them members only tutorials. Kinda annoying.

  • http://www.nettuts.com Jeffrey Way

    @Ian – How have we scaled? We still post the same number of tutorials every week. Please elaborate.

    • Ian

      By scaled back I meant what Mike said, “You guys are posting articles for non-members BUT most of them are of the “Top 10 Plugins”/”Nettuts Update” kind. What I and other non-members are missing out on are the tutorials were you actually build applications from beginning to end.” It just feels like what you do post for non-members has not had much thought put into it lately.

      Now as I mentioned in my initial post, I understand that you have to make money off of this. And I do applaud you for keeping the registration fee low. The quality and depth of your tutorials has always been good so I’m not trying to say that the TUTSPLUS membership is not worth it.

      To all the people who have noted how inexpensive the membership is and told me to quit crying and complaining. Please realize that not everyone who visits this site is working in the field of web and or graphic design. I am an engineering student. Therefore, I cannot as easily justify spending money for something I will not be using regularly–especially considering how many free tutorials there are floating around the web.

      That said, the RSS feeds for the Tuts family of sites now appears below the fold on my iGoogle page. Obviously I’m not going to delete the feeds unless free content is removed completely–even then I’d probably keep the feeds just to get ideas and then figure out the coding end myself. It’s just disappointing when there is a site that you enjoy, that puts out great content, and then all of a sudden just about all the tutorials that appear to have really useful information are suddenly restricted.

      So there is my 0.02 cents. Do with it what you will.

      • http://www.danwellman.co.uk Dan Wellman

        Hello Ian, a couple of weeks ago I showed how to create an asynchronous comments system. This was in the free section: http://net.tutsplus.com/tutorials/php/asynchronous-comments-with-jquery-and-json/

        There were a couple of things suggested by readers that I didn;t think of when designing initially (see comments), but I think it qualifies as an end-to-end application :)

      • Ian

        @Dan

        Sorry if you interpreted what I said to mean that there were absolutely no free “end-to-end” tutorials. I really meant that most of the tutorials are now paid for tutorials only.

  • Meshach

    @Ian: I disagree. They have been posting just as many free tuts so I don’t know what you’re talking about?

    • http://www.eraxa.com Sirwan

      I agree with you, but you could have used the new “reply” feature instead of @.

      • http://www.nettuts.com Jeffrey Way

        True. It’s hard to let go….or I just forgot. :)

  • Mike

    I don’t like to complain and this is your guys site so you can do whatever you want…

    But I’ll have to agree with Ian on this. You guys are posting articles for non-members BUT most of them are of the “Top 10 Plugins”/”Nettuts Update” kind. What I and other non-members are missing out on are the tutorials were you actually build applications from beginning to end.

  • Michael

    Could I dream imaging a search box indexing a wordpress site with lots of PDF files on it ?

    • http://www.danwellman.co.uk Dan Wellman

      PHP is able to open PDF files like any other so I should imagine (I haven’t actually checked) that it should handle PHP files fine as long as you include ‘pdf’ on the file extension filter. Some special code might be needed to open/read the PDf file…

      This search is probably not completely applicable to WordPress however as WP is database driven…

  • http://www.zitrox.com michael

    great.. finally one more jquery tut ;) love them!!

  • http://lucidprocess.com Martin

    it does actually seem that all the tutorials I actually want to read are now plus tuts… that’s annoying.

    • http://twitter.com/furley furley

      i agree. it sucks.

  • etrnly

    This site is awesome! Everyone needs to quite crying about the plus tuts. I have seen way more free tuts that are really amazing. Its only $9 a month holy crap what a deal!!!!!

    • http://www.venture-ware.com Kevin Jensen

      I totally agree – the number of tutorials, the quality of tutorials and the range of topics. $9 a month is a small price to pay to keep the site going.

  • http://jedrek.org jedrek

    Nice! But I think, that searching in the MySQL database would be better ;)

    • http://www.danwellman.co.uk Dan Wellman

      I used static pages/sub dirs as my last article was database driven and I wanted to switch to something other than reading tables (lol). I am considering something similar involving MySQL…

      thanks for reading :D

  • NDSPG

    .30 cents a day! Come on now…

    Raise the price and stop posting free tuts lol

  • http://blog.insicdesigns.com insic

    hahaha I know why those people are complaining, coz they are not willing to pay $9. am i right?

  • http://bryankwon.net Bryan Kwon

    Those of you who left complaints probably forgot to think about the fact that it takes time and efforts to make a tutorial. Think about what would you want in exchange for your time and effort.

  • Lor Larson

    How about $100 for a lifetime membership. Otherwise, it is no for me.

  • Pingback: Mar-19-2009 javascript/ajax links | w3feeds

  • Pingback: Wayne State Web Communications Blog » Blog Archive » [Friday Links] The Programming Edition

  • GlamWasysycle

    Шиш, успокаивала я себя, ежась на ветру. Безделица… Поспешно получу права, а мой обожаемый муж разорится, наконец, на машину. И тутто – прощай всегда толчея в автобусе и прогулки по этим колдобинам! Путь мой ежедневно лежал сквозь территорию гаражного кооператива, и не было дня, воеже я не думала относительный этом. Я уже примерно пробралась сквозь круг гаражей, когда кто-то осторожный тронул меня ради плечо.
    - Людмила Федоровна?
    Окликнувший меня надтреснутый женский голос напомнил мне гик одной маминой подруги.
    - Ейей, – с готовностью обернулась я, прежде расплываясь в улыбке, – А с чего это прелюдий сообразно имени-отчеству?
    Однако это была вовсе не мамина подруга. Смех медленно сползла с моего лица.
    - Извините, – пряча воззрение, сказала женщина, – Вы меня не узнаете?
    - Простите, будто мы знакомы?
    Женщине было лет перед пятьдесят, у нее были некрасивые черты лица, тонкие губы, и одета она была аминь безвкусно. С такими я обычно компаний не вожу, аль который для работе.
    - Не узнаете? Ну, это неважно, – пробормотала моя собеседница, – Понимаете, моему сыну плохо!
    - Господи, а который с ним?
    - Теперь! – засуетилась она, бочком вталкивая меня в дверь одного из боксов, – Сейчас! Немедленно вы все узнаете…
    Но плохо почти не стало мне самой. В гараже вместо бедного умирающего юноши меня ожидал… десяток угрюмо молчащих пожилых дам в возрасте через болтливый лет и старше.
    - Здравствуйте, – пролепетала я, охваченная нехорошим предчувствием, – А где…
    Из строя женщин вышла стриженная под «каре» эксцентричная особа в черных очках и вельветовых джинсах, явно не в себе.
    - Ведь вас же по-хорошему предупреждали, – без всякого вступления начала она, – Звонили, деньги предлагали. А вы? Разве так трудно было начинать нам навстречу? Разве вы не понимали, где окажутся наши мальчики, когда их отчислят?!
    Господи! Беспричинно это что, мамаши моих бывших студентов?! Разве так, то беседа довольно тяжелым – меня ведь не наобум называют за глаза поставщиком кадров для ведомства Паши-мерседеса… Ну, не умею я брать зачеты по-капиталистически. И вторично медлить не могу, когда для меня «наезжают» всякие прыщавые юнцы. Это чуть укрепляет меня в мысли, который им со мной в одном вузе упражняться нечего.
    Но это в аудитории беспричинно хорошо заключаться смелой и принципиальной. А здесь, ежели честно, у меня затряслись поджилки…
    - Я просто честный делаю свою работу! – принялась отделываться я, понемногу отступая к двери, – Извините, однако как же иначе?
    После моей спиной гласно лязгнул засов. Заманившая меня сюда лахудра понимающе покачала головой – мол, о побеге и не думай.
    - Послушаете! – воскликнула я, теряя терпеливость, – Ну чего вы теперь-то через меня хотите?!
    - Сколько мы хотим! Который мы хотим?!! – дословно взвыли престарелые мегеры, и, подобно сообразно команде, набросилась на меня с кулаками.
    Чувствовалось, который дрались они не часто. Но их было чересчур много. Беспричинно что покамест двое сильно держали меня изза руки, остальные колотили, куда придется. Меня били до тех пор, покуда у меня не потемнело в глазах и не подкосились ноги. Наверное, били и затем, только я этого уже не помнила…
    Очнулась я от холода и сырости – кажется, меня окатили из ведра водой. Я лежала на полу примерно голая, коли не вменять чулок, туфель и мокрой разодранной блузки. Тело мучительно ныло, во рту ощущался привкус крови. Довольно пострадала прическа. Но самым страшным была неопределенность, в которой я пребывала. То, что меня избили, я паки могла хоть как-то объяснить. Но зачем надобно было меня кроме и раздевать?
    - Очухалась? – недобро усмехнулась тонкими подкрашенными губами та, кому я была обязана своим появлением здесь, – Ну, тутто продолжим…
    - Который – продолжим? – тряхнула я гудящей, точно колокол, головой.
    - Учить тебя, сучка ты эдакая! Чтоб неповадно было наших детишек изнурять!
    В отчаянии мне захотелось драка за голову, и единственно немедленно я почувствовала, что руки мои связаны изза спиной. Так, этого только не хватало…
    - Согласен кого я мучила? Пустите! – простонала я, начиная впадать в панику, – Вы меня с кем-то путаете!
    Меня рывком подняли на ноги. Я едва не заплакала от унижения, заметив в толпе мужчину. Его я узнала сразу. Это был содержатель шиномонтажа, хронический пропойца и священник одного из моих бывших студентов. Сегодня этот невзрачный мужичок, точно вовек, подшофе, стоял около компрессора для накачки шин и, поигрывая его черным резиновым шлангом, нагло пялился на мои неприкрытые прелести.
    - Шиш мы не путаем, Людмила Федоровна! – ткнула в меня узловатым пальцем в подбородок тонкогубая лахудра, – Давай, Петрович, покажи ей кузькину мать! Пускай вспомнит моего сыночка Гришеньку!
    Ради моей спиной послышалась странная возня. Кто-то развел в сторону мои ягодицы.
    - Что вы делаете?!! – в ужасе завопила я, поняв, сколько шланг компрессора вставляют мне в зад.
    - Учить тебя будем, коза!
    Тогда же мощнейший удар почти дых буквально согнул меня пополам – это Петрович открыл легкий вентиль. Из моих глазища брызнули слезы, дыхание перехватило. Временно я с выпученными глазами хватала ртом воздух, мои палачи удовлетворенно потирали руки.
    - Сколько, весело, госпожа Андрейчук? – ехидно спросила тетка в вельветовых джинсах, – А если моего Вовочку в армию спроваживала, беспричинно же веселились?
    – Ради что?! – прохрипела я, – Я же ему такого не делала!
    - Ты ему хуже сделала, – вкрадчиво пояснила тетка, дохнув мне в лик алкоголем, – Ты его на два года без мамочки оставила! Начинать, Петрович!!!
    Петрович снова дал, желание беспричинно, который мои глаза еле не вылезли их орбит. Сообразно кишкам как ударили кувалдой. Хорошо еще, что шланг под давлением воздуха вытолкнуло из моей попки, и это дало мне небольшую передышку. К сожалению, продлилась она недолго.
    - Нечего пердеть тогда при всех, гадина! – злобно прошипела мать известного оболтуса Евгения Ефанова, пихая шланг назад в мою задницу.
    - Да что же вы творите?! – взвыла я.
    Рот у меня тряслись, из забота ручьями лились слезы, и я ничего не могла с этим поделать. Однако муки мои, способный, токмо забавляли озверевшую свору мамаш.
    - Заткнись, я сказала! А ты, Петрович, качни-ка ей еще разок следовать моего Женечку!
    - Может хватит качать-то, бабоньки? – засомневался Петрович, глядя на мое перекошенное лицо.
    - Такой умница был Женечка! Такой воспитанный, такой добрый! – заламывая руки, продолжала причитать Ефановская мамаша, – А эта стерва…
    - Правда ваш Женя весь занятий не посещал! – в отчаянии выкрикнула я, потому сколько это была истинная правда.
    - Не ври, сука!
    На этот однажды залп сжатого воздуха был такой силы, что я не устояла на ногах и, густо рыгнув, осела для пол.
    - Так тебе, вражина! – пнула меня в урчащий жизнь Ефанова и, довольная, отошла в сторонку наблюдать после моими корчами.
    Не успела я отдышаться, как для смену ей подскочила неопрятная толстая тетка в рейтузах, и тоже начала просить Петровича поддать мне «газу» за ее ненаглядного отпрыска. «Ой-ой! – с тихим ужасом подумала я, нервно подергивая стянутыми за спиной запястьями, – Коль меня будут накачивать в жопу после каждого потерявшего отсрочку обалдуя, то я беспокойный отсюда не выйду…» Самое обидное, сколько дитя этой тетки, безобразный сутулый мужчина со комический фамилией Гопак, не успевал абсолютно по всем предметам, так сколько его выгнали затем первой же сессии отнюдь не единственно по моей милости.
    - … и вот разлеглась она тут, глаза бесстыжие! – кликушествовала тетка в рейтузах, потрясая предварительно всеми моими узкими ажурными трусиками, – Выше Олежек в сапогах глину месит, а она на шпильках шастает! Чулки надела! Манду выбрила! Веревочку блядскую в жопу правитель! Тьфу! Ну-ка, газани ей, Петрович, в эту самую жопу!!
    Впечатленный Петрович не заставил себя долго упрашивать. Я наконец успела ощутить вибрацию шланга в заднице, подобно мои глаза снова полезли из орбит. Для сей однажды меня мучили достанет долго. А воеже шланг больше не вышибало наружу, тетка в рейтузах услужливо придерживала его рукой. Болезнь от распирания живота была несусветная.
    - А-а-а!!! – истошно визжала я, ужом извиваясь для полу, – Не могу!!! Прекратите!!! Слишком!!!
    От страха, который мои кишки вот-вот лопнут, я уже не пыталась показывать гордость. Напоследок, Петрович не выдержал этих криков и закрыл кран.

    частное порно видео смотреть онлайн
    частное порно россия
    трахают раком в рот

  • http://www.inktknaller.com Inktknaller

    A pity that the tutorial isn’t available for free.

  • http://iodicdesign.com Marko Randjelovic

    Thanks for the cool tutorial, Dan!
    I was wondering if you could show us how to search for two words that aren’t part of a phrase, i.e. two (or more) words that are on a single page but don’t appear next to each other?

    Thanks!

  • Dxdferhzzut

    Добавим рекламу о вашей фирме на 3700 досок и блогов быстро после обращения.Стоимость всего 210 рублей и о вашем сайте и товарах узнают сотни тысяч покупателей. Предоставляем отчет.Наш тел. 89266853242 ICQ 568113539 rutop10@mail точка ru PS.Раскручиваем и выводим в ТОР сайты

  • playncrap

    Реальная рассылка вашей рекламы на 8 тысяч 245 досок а так же на 45 тысяч закрытых форумови о ваших товарах сразу же узнают десятки тысяч покупателей. Рассылка будет сделана в течении 29 минут после оплаты.
    Всего 236 рублей за расслыку. Наш тел. 89266853242 ICQ 568113539 rutop10@mail.ru gq 851p x ek