Create Live Search JSON Data by using JQuery Ajax

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024
  • This video tutorial cover How to make simple Live Search with JSON Data format by using Ajax JQuery. We have use $.getJSON() method for load JSON File data. For source and online demo - www.webslesson....

ความคิดเห็น • 77

  • @luisheskey8784
    @luisheskey8784 3 ปีที่แล้ว +1

    This Is Perfect. Working Now in ASP Net Core(.NET 5) With Visual Studio 2019, Chrome And Microsoft Edge.Thanks Man, God Bless You

  • @TeffanyMaeReyes
    @TeffanyMaeReyes 4 ปีที่แล้ว +7

    How can I change your code into 'go to url after click the result'?

  • @mohamadhelaly4979
    @mohamadhelaly4979 7 ปีที่แล้ว +3

    thanks alot
    welcome back i really missing your useful videos
    keep going
    best regards

  • @agun21st
    @agun21st 2 ปีที่แล้ว +1

    very nice and effective tutorial. it solved my hard problem.

  • @MarianBoricean
    @MarianBoricean 3 ปีที่แล้ว +2

    Hello. So every "keyup" event will request the .data file from the server?? If it is a big database, it means every time I hit the keyboard, I will download the entire database as .json file?

  • @kennethchristiansen8743
    @kennethchristiansen8743 6 ปีที่แล้ว +11

    You have a beautiful voice

    • @chubby_earth
      @chubby_earth 6 ปีที่แล้ว

      The voice sounds like a robot,but if it's not the sound of robot, it must be processed.I think the effect name is Chorus effect.

    • @krispy4627
      @krispy4627 4 ปีที่แล้ว

      it's a voice generator jesus christ

  • @storageinfo20
    @storageinfo20 3 ปีที่แล้ว +1

    Thanks very clear and useful.

  • @KopiRoaster
    @KopiRoaster 7 ปีที่แล้ว +1

    OMG your channel is alive again!!!!! Why was it down previously?

  • @mohamedzardheye1913
    @mohamedzardheye1913 7 ปีที่แล้ว

    I miss you so much
    welcome back

  • @bricegnanago409
    @bricegnanago409 5 ปีที่แล้ว

    Thank you so much Webslesson

  • @nomadafe
    @nomadafe 7 ปีที่แล้ว +1

    Great tutorial !!! Thanks

  • @farhadhossain3335
    @farhadhossain3335 6 ปีที่แล้ว +4

    How I can Populate this data with my database value. Please Upload a tutorial on it.
    Thank You.

    • @sribalaji2496
      @sribalaji2496 5 ปีที่แล้ว +1

      return "Select*from table" - query result should be encoded as json. Then in index page, instead of data.json n this function, use your response url. ( $.getJSON('data.json', function(data){...});)

  • @DrCognitive
    @DrCognitive 4 ปีที่แล้ว

    The problem I found, possibly just on Chrome and Edge (probably Firefox too), is if you clear the search bar after having typed something, it will display the ENTIRE JSON file. That could be problematic if you had something like 5000 entries in your JSON database. Is there any way to correct that problem?

  • @BoburLatipov
    @BoburLatipov 4 ปีที่แล้ว

    I need to use java, JSP, HTML, CSS, javascript, jquery, ajax, the oracle, can I create it without using PHP

  • @MicheleTorbak
    @MicheleTorbak 6 ปีที่แล้ว +1

    Super cool!! So I do not have to do a lot of queries!

  • @joebertdorias1391
    @joebertdorias1391 7 ปีที่แล้ว

    welcome back .. thanks my friend...

  • @AhmetIdal
    @AhmetIdal 4 ปีที่แล้ว +1

    How can get result if I search "md baltimore" ? thanks for this code and lesson.

  • @danz3138
    @danz3138 6 ปีที่แล้ว +1

    THANKYOU VERYMUCH SIR! :)

  • @eyoba6027
    @eyoba6027 4 ปีที่แล้ว

    How to search using the property of nested object? For example, if name is an array with first name and last name keys?

  • @en6912
    @en6912 4 ปีที่แล้ว

    i'm getting a issues with, Cannot read property 'search' . Can you help?

  • @divyasharma9616
    @divyasharma9616 6 ปีที่แล้ว

    The code is not working for me also, i tried the same code given here but it just creates the input box and when we type, typeahead dropdown does not come up. How to resolve this?

  • @parthodasporag9885
    @parthodasporag9885 6 ปีที่แล้ว

    The vedio is very helpful. But I faced one problem if i try to search as like as "c++" as searching key it make a problem named as invalid regular expression. Can you say how can i solve it. I dont know regular expression.

  • @dkshoescollection9686
    @dkshoescollection9686 3 ปีที่แล้ว

    I have an error below:
    jquery-3.3.1.min.js:2 Uncaught TypeError: Cannot set property '_renderItem' of undefined
    at HTMLDocument. ((index):633)
    at l (jquery-3.3.1.min.js:2)
    at c (jquery-3.3.1.min.js:2)

  • @dakshpandya640
    @dakshpandya640 5 ปีที่แล้ว

    Thanks alot sir but search box only works on firefox not on google chrome????
    plz help

  • @-Amankumar-xp2lb
    @-Amankumar-xp2lb 3 ปีที่แล้ว

    If i want to display employee details after getting search results then how i can implement ??

  • @wesst.
    @wesst. 2 ปีที่แล้ว

    Great, thanks a lot.

  • @Smartstv
    @Smartstv 4 ปีที่แล้ว +1

    if you want to delet data when the form is empty
    if ($('#search').val() != "") var searchField = $('#search').val();
    else var searchField = null;

  • @michiko968
    @michiko968 7 ปีที่แล้ว +2

    I've copied the source code but it returns no results. Just textbox. When I type into that textbox, it shows no list

  • @orioshotikashi3678
    @orioshotikashi3678 4 ปีที่แล้ว

    THANK YOU SO MUCH MAN!!!! THANKKKKSSSSSS!!!

  • @ehsaanhridoy2506
    @ehsaanhridoy2506 4 ปีที่แล้ว

    love from bangladesh..

  • @theofficialgaro
    @theofficialgaro 5 ปีที่แล้ว +1

    How to open links/documents from the link?

  • @engrabdullah4549
    @engrabdullah4549 6 ปีที่แล้ว +1

    i want to remove ul if search box is empty how I can do it.

  • @Nguyen-zw6iu
    @Nguyen-zw6iu 4 ปีที่แล้ว

    Hi, i have a question, pls help me how to hidden list search if you delete content search

  • @tazulislam2698
    @tazulislam2698 3 ปีที่แล้ว

    Is clickable on the searching value?

  • @TheCodebookInc
    @TheCodebookInc 5 ปีที่แล้ว

    I am unable to get this in bootstrap navbar search it is stretching my navbar

  • @tazulislam2698
    @tazulislam2698 3 ปีที่แล้ว

    How to fix CORS policy?

  • @omedsardar1059
    @omedsardar1059 3 ปีที่แล้ว

    How can I click on a photo, open it, or want to add a link to a photo? please say me....

  • @USDdeval2166
    @USDdeval2166 3 ปีที่แล้ว +1

    How to add this search box in invoice wali script mai

  • @prabakarankrishnasamy8615
    @prabakarankrishnasamy8615 6 ปีที่แล้ว

    this is really usefull

  • @nhuai1099
    @nhuai1099 7 ปีที่แล้ว

    Why $.getJSON not working ? Please show me how to fix that sir, Thank you alot

  • @rushivani454
    @rushivani454 5 ปีที่แล้ว

    Good. But Its incomplete. 1) unable to select suggestion option 2) list does not display on clicking text box. 3)list is unable to collapse when text box is empty or out of focus

    • @ulrikisdahl7555
      @ulrikisdahl7555 5 ปีที่แล้ว

      and how do you select the suggestion, any tips?

  • @JPhotomaker
    @JPhotomaker 7 ปีที่แล้ว

    when focusout '#result' not hide. What will I do?

  • @ruyaci
    @ruyaci 5 ปีที่แล้ว

    thanks for the video

  • @ricardovazquez1066
    @ricardovazquez1066 6 ปีที่แล้ว

    is there antoher way to add an image without url?

  • @omedsardar1059
    @omedsardar1059 3 ปีที่แล้ว

    how to add link url for image,

  • @hugomarinheiro5330
    @hugomarinheiro5330 7 ปีที่แล้ว +1

    Hi, great tutorial, but why this voice? At first I didn't like to watch the videos because of de voice, but I like your content. And why procedural? Thanks =)

    • @krispy4627
      @krispy4627 4 ปีที่แล้ว

      it's generated

  • @LifeIsCrazyAsShit
    @LifeIsCrazyAsShit 3 ปีที่แล้ว

    Can you do that with SQL data

  • @nomadboy4828
    @nomadboy4828 5 ปีที่แล้ว

    Can you please make a jquery search field that will find any text from the page, not from database

    • @hdm_vision
      @hdm_vision 5 ปีที่แล้ว

      simply use ctrl + F

  • @dynamicwebservices4582
    @dynamicwebservices4582 7 ปีที่แล้ว

    hello sir in source code second code which name i need to save?

  • @smsaif8322
    @smsaif8322 6 ปีที่แล้ว

    thanks......Webslesson

  • @praveensharma8731
    @praveensharma8731 6 ปีที่แล้ว

    how can search with category also

  • @johnanjanpandey
    @johnanjanpandey 6 ปีที่แล้ว

    Where is the function search()

  • @advikmalwa379
    @advikmalwa379 4 ปีที่แล้ว

    can you please give me the code

  • @lightningmi
    @lightningmi 7 ปีที่แล้ว

    where is value.name.search() come from ?

    • @hugomarinheiro5330
      @hugomarinheiro5330 7 ปีที่แล้ว

      that comes from the json file, ther you have a file width the employes with these atributes, de search is a native function.

    • @MarcosEsqueda
      @MarcosEsqueda 7 ปีที่แล้ว

      Uncaught TypeError: Cannot read property 'search' of undefined ?

    • @MarcosEsqueda
      @MarcosEsqueda 7 ปีที่แล้ว

      where is the function search?

  • @Aboamer31
    @Aboamer31 7 ปีที่แล้ว +1

    thanks

    • @praveensharma8731
      @praveensharma8731 6 ปีที่แล้ว

      how can bind the data with category

    • @krispy4627
      @krispy4627 4 ปีที่แล้ว

      @@praveensharma8731praveen sharma

  • @GB-gs5mt
    @GB-gs5mt 6 ปีที่แล้ว

    hi i need the code link please

  • @eupablostefanes
    @eupablostefanes 4 ปีที่แล้ว +1

    Speaking too fast and explaning too fast and with few details :(

  • @helloWorldWithAnshu
    @helloWorldWithAnshu 5 ปีที่แล้ว

    good

  • @alexcalabro8140
    @alexcalabro8140 2 ปีที่แล้ว

    hard to listen to

  • @babyxnicotine
    @babyxnicotine 4 ปีที่แล้ว

    This no longers works, save the time

  • @العابالفاتح
    @العابالفاتح 4 ปีที่แล้ว +1

    How can I change your code into 'go to url after click the result'? please

  • @hasanmuhammad9697
    @hasanmuhammad9697 4 ปีที่แล้ว +1

    Can I add "No results found"?

  • @MicheleTorbak
    @MicheleTorbak 6 ปีที่แล้ว

    How can I limit the number of results?