How to pass variable one page to another page or same page | JAVASCRIPT | HTML | TutorialSpot

Поділитися
Вставка
  • Опубліковано 2 тра 2020
  • This video is basic about HTML and JS. If you wonder what are the ways to pass data one page to another then please watch this till the end. I've describe three ways to share data between pages.
    1 - Pass data through get or post method
    2 - Store and receive data from local storage
    3 - share data through session storage
    Check Source Code from here github.com/RajnishKatharotiya...
    Check more related videos :-
    Watch how to write into csv file with python : • Writing into CSV file ...
    Best practice of Redux implementation with React:- • Getting start with Red...
    ES6 Features ( Object Destructing / spreading ):- • ES6 Features - Use cas...
    Create animated sidebar with javascript:- • How to Create an Anima...
    IF you have any queries feel free comment below.
    Thanks for watching : LIKE, SHARE to others, SUBSCRIBE for more.
    ------------------------------------------------------------------------------------------------------------------------
    For more informative videos and discussion on web technologies, AI Automation, UI/UX designs -
    Support on Patreon : / tutorialspot
    Subscirbe : / @tutorialspot
    Facebook : / katharotiyarajnish
    Instagram : / tutorial_spot
    Twitter : / tutorial_spot
    More on Javascript Useful Series :
    More on Javascript Useful Series :
    getUrlParams snippets: • Get query parameters f...
    memoize() snippets: • Cache repetitive funct...
    toCurrency() snippets: • Convert numbers into a...
    getMyColor() snippets: • Generate random color ...
    indexOfAll() snippets: • Get index of all match...
    insertBefore() & insertAfter() snippets:- • Insert HTML element be...
    bifurcate() snippets: • JS Useful Snippet - bi...
    difference() snippets: • JS Useful Snippet - di...
    byteSize() snippets:- • JS Useful Snippet - by...
    capitalize() snippets:- • JS Useful Snippet - ca...
    compact() snippets:- • JS Useful Snippet - co...
    average() snippets:- • JS Useful Snippet - av...
    all() snippets:- • JS Useful Snippet - al...
    allEqual() snippets:- • JS Useful Snippet - al...
    More videos by TutorialSpot :
    Best practice of Redux implementation with React:- • Getting start with Red...
    ES6 Features ( Object Destructing / spreading ):- • ES6 Features - Use cas...
  • Наука та технологія

КОМЕНТАРІ • 90

  • @TheArtHouse2021
    @TheArtHouse2021 2 роки тому +5

    Thanks a lot for this video!!
    I was literally stuck for two hours and this made it a lot easier.
    Thank You!!!

  • @irenebenavides3885
    @irenebenavides3885 3 роки тому +6

    hello! I need help, I just want to send a string between 2 HTML pages just clicking one button, but not filling fields.. I dont know how to do it

  • @webwordpress6376
    @webwordpress6376 3 роки тому +1

    you deserve a like man.. its perfectly what i wanted. Thanks alot.

  • @maycongoncalves2580
    @maycongoncalves2580 2 роки тому +2

    Incredible, you help me a lot! Thanks for this video

  • @teosurch
    @teosurch 2 роки тому

    Man! I'm so thakfull to you)) I search this problem's resolve for so long already...

  • @spaz3216
    @spaz3216 3 роки тому +1

    thank you so much for taking the time share your knowledge with the community.

  • @rohitsahu1443
    @rohitsahu1443 3 роки тому

    Thanks bro for the awesome video!
    exactly what i was looking for.

  • @kokleens
    @kokleens 2 роки тому

    Thanks a lot. This video solved my problem with just 2 simple lines of code.

  • @khulescina9089
    @khulescina9089 2 роки тому

    Sweet and short...perfect thanks man

  • @khanmohammedrehan1566
    @khanmohammedrehan1566 3 роки тому +1

    exactly what i needed....thanks a lot dude

  • @alokt40
    @alokt40 3 роки тому +1

    Helpful video , neat and concise information.

  • @aloomiii
    @aloomiii 3 роки тому

    Thank you so much. helped me in my school project

  • @markdanielbriva6122
    @markdanielbriva6122 3 роки тому

    Thanks for this bradirr. I used Notepad++ for this. really helpful

  • @gsaksham1
    @gsaksham1 2 роки тому +1

    Thank you! Helped a lot.

  • @aayushgoyal8110
    @aayushgoyal8110 3 роки тому

    thank you so much for posting this.

  • @bobbyG883
    @bobbyG883 2 роки тому

    I have a question if you can help me. I want to pass the number value instead of the name to the next page? like 60% of item value 40% of item value and total value. Can this function will work in this case?

  • @etnie1
    @etnie1 2 роки тому

    Thank you very much for the amazing explanation

  • @er1292
    @er1292 3 роки тому

    I have a query,if I wan to preview multiple images from multiple input to other page then how to do that with jQuery or java script.please help anyone

  • @sugarkain2291
    @sugarkain2291 Рік тому

    Thank you, this worked very well

  • @victorcercasin
    @victorcercasin 3 роки тому

    The indian hero we need!

  • @pramitaghosh4853
    @pramitaghosh4853 Рік тому

    Thank you so much!! It really helped!!!

  • @enigma9445
    @enigma9445 2 роки тому

    Thank you bro you save my life

  • @BWVidventures
    @BWVidventures 3 роки тому

    bro, can you do it but on php program instead of js?
    please help me. I need a result page but using php :(

  • @parshuramchavan9912
    @parshuramchavan9912 3 роки тому

    Nice explained 🙏 please explaine ajax through, I learn, how to pass data to another page using javascript or jquery.

  • @jayeshpatidar6567
    @jayeshpatidar6567 Рік тому

    Thank you sir ,good explanation..☺️

  • @prachikamble4104
    @prachikamble4104 3 роки тому

    can i store radio or checkbox checked state in another page using local storage??

  • @evaartificialintelligence3521
    @evaartificialintelligence3521 3 роки тому

    Helped a lot

  • @RaghavSingh-bz3np
    @RaghavSingh-bz3np 3 роки тому

    I want to create a form, whose data can be seen by everyone who visits the web page, how can this be achieved?

  • @ashishboban7053
    @ashishboban7053 2 роки тому

    Thank you so much!!

  • @tintin-mc7yj
    @tintin-mc7yj 3 роки тому

    How to have a live interaction of input and result html?

  • @jemschaudhary5922
    @jemschaudhary5922 2 роки тому

    Nice Explanation. Keep it up.

  • @shwetasawant5909
    @shwetasawant5909 3 роки тому

    Plz help to get form data like first name last name and after attend assessment total Or assessment scores into one output file in any thing like text, json, csv

  • @anubhavsood9508
    @anubhavsood9508 3 роки тому +2

    Hi can you show tutorial to pass a image from one html page to another

  • @reddinagaravikumar1402
    @reddinagaravikumar1402 3 роки тому

    Thope mawa nuvvu

  • @she_codes26
    @she_codes26 2 роки тому

    what font are u using?

  • @sirivennelapalle1308
    @sirivennelapalle1308 3 роки тому

    Thanks a lot !!

  • @peterkingori2370
    @peterkingori2370 2 роки тому

    THANK YOU!!!!

  • @arc8696
    @arc8696 2 роки тому

    Thank you!

  • @user-qj9mf4hg2w
    @user-qj9mf4hg2w 3 роки тому

    Im getting an Error 405 when I try to run your files. Do I need to import anything to get the code working?

  • @queaksoon8583
    @queaksoon8583 3 роки тому +1

    sorry, who can help me solve this problem?
    my website has shown out this error
    {"code":"MethodNotAllowedError","message":"POST is not allowed"}

    • @Dinorigami
      @Dinorigami Рік тому

      i have it too, if u solved it by now, can you tell me what to do, please

  • @nishkarshpal
    @nishkarshpal 4 роки тому +4

    Thanks bro !! Helps a lot.

    • @ledgeroliver4988
      @ledgeroliver4988 3 роки тому

      i know I'm kinda off topic but does anybody know a good place to stream new tv shows online?

    • @breckenreginald3341
      @breckenreginald3341 3 роки тому

      @Ledger Oliver I watch on flixzone. Just google for it =)

    • @jayceondean3768
      @jayceondean3768 3 роки тому

      @Brecken Reginald Yup, I have been using FlixZone for months myself :)

    • @ledgeroliver4988
      @ledgeroliver4988 3 роки тому

      @Brecken Reginald Thanks, I went there and it seems like they got a lot of movies there =) I really appreciate it!

    • @breckenreginald3341
      @breckenreginald3341 3 роки тому

      @Ledger Oliver glad I could help :D

  • @shakhzodtairov7607
    @shakhzodtairov7607 3 роки тому

    Thanks broo!!!

  • @GM-je1vw
    @GM-je1vw 3 роки тому

    Thank you so much for this tutorial it helped me so much for my school assignment!!!

  • @Defense89
    @Defense89 3 роки тому

    WOW very nice video , good job,
    i tried to pass an url like a pdf url , but i cant seem to make it work can you please help me?

  • @MdMusa-dy3ci
    @MdMusa-dy3ci 4 роки тому +2

    Bro when I pass new Name will it be replaced in localStorage..?

    • @simplebest113
      @simplebest113 3 роки тому

      Yes it changes every time with new entry

  • @er1292
    @er1292 3 роки тому

    Actually I have a form with some text fields and few image fields which I want to preview using jQuery

  • @codingwithanonymous890
    @codingwithanonymous890 3 роки тому

    Thanks bro

  • @promitra8739
    @promitra8739 3 роки тому +1

    Sire!, what font are u using, i liked it
    @reply

  • @mamunahmed4832
    @mamunahmed4832 3 роки тому +2

    i copy code from your github. but it is not working sir

    • @Mimimkdir
      @Mimimkdir 3 роки тому

      I have same problem. The data is properly stored in session variables, but not displayed on results page in Chrome. Seems there is some problem with the addeventlistener. Please advise how to correct?

  • @abdullahsheikh3007
    @abdullahsheikh3007 Рік тому +1

    Bro how to paas image fron one page to another page

  • @gowthamsivakumar9499
    @gowthamsivakumar9499 3 роки тому

    How pass Id in flutter one page to another page can you explain?

  • @rahulkrishna7810
    @rahulkrishna7810 2 роки тому

    thanks for this video .
    is this is safe method to use in real time ?

  • @noahgoulin9759
    @noahgoulin9759 3 роки тому

    oh merci le reuf

  • @nandinidharmarajan9540
    @nandinidharmarajan9540 2 роки тому

    cool

  • @robjung2843
    @robjung2843 3 роки тому

    I get a 505 error :( what is wrong?

  • @velrajavelraja7663
    @velrajavelraja7663 Рік тому

    bro how to add multiple name

  • @hidesee8569
    @hidesee8569 2 роки тому

    how to pass image?

  • @paragsakhare6641
    @paragsakhare6641 4 роки тому

    bro window.addEventListener('load',()=>{ is this code line right???
    because i am confused in symbol =>
    @reply
    thank for this video

    • @TutorialSpot
      @TutorialSpot  4 роки тому

      Yes, It’s a syntax of ES6 called arrow function. You can define function in this way too.
      Glad you liked it.

    • @paragsakhare6641
      @paragsakhare6641 4 роки тому

      @@TutorialSpot i need your help pls tell me how can i use multiple local storage for passing data from one webpage to another

    • @TutorialSpot
      @TutorialSpot  4 роки тому

      Same way as we are doing here, you can call set function again with different key and it will store your data under new key.

    • @paragsakhare6641
      @paragsakhare6641 4 роки тому

      @@TutorialSpot do u have any tutorial of this because i am new comer for learning html and js.please help me.

    • @paragsakhare6641
      @paragsakhare6641 4 роки тому +1

      @@TutorialSpot make a video on topic how to pass the complete html forms data and information from one webpage to another webpage ?? and also perform addition and percentage using those data in 2nd webpage please make it............

  • @jolymasa8338
    @jolymasa8338 4 роки тому

    Can I use this in a WordPress page?

  • @SIDDHARTHwakade
    @SIDDHARTHwakade Рік тому

    Bhai js ki file kaha link karni hai

  • @AmitDutta-dn5my
    @AmitDutta-dn5my 3 роки тому

    Sir plzz tell me how to display my homepage sidebar to other child pages without writing the same codes again & again on multiple pages.

    • @alokmishra0396
      @alokmishra0396 3 роки тому +1

      I would explain in php but you could do it in nodejs or java or any language
      So first you save your sidebar code in another document let's assume sidebar.php or sidebar.js or whatever language you are using and then you would be able to call it just by using one tag. It is difficult to understand theoretically but you could watch video it is actually really easy.

    • @MuhammadAdnan2.0
      @MuhammadAdnan2.0 3 роки тому

      Simply use inner.html

  • @skiptyler1572
    @skiptyler1572 2 роки тому

    i run your code by writing each code, one by one and also copy and paste it , but its doesnt working took my 3 hour of my time

  • @HUSIRUZ
    @HUSIRUZ 3 роки тому

    good

  • @godsonm.d3971
    @godsonm.d3971 11 днів тому

    8:32

  • @shafikulrahman2834
    @shafikulrahman2834 10 місяців тому

    Sorry, but the explanation is not so good. It should be improved.

  • @irenebenavides3885
    @irenebenavides3885 3 роки тому +1

    hello! I need help, I just want to send a string between 2 HTML pages just clicking one button, but not filling fields.. I dont know how to do it

    • @dontknow592
      @dontknow592 3 роки тому

      Did you figure it out? Can you please help. I am also stuck in this.