Update for Sheets Data as JSON for Web API using JavaScript fetch

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 มิ.ย. 2024
  • Connect to Google Sheets using JavaScript Get data as JSON data
    www.udemy.com/course/sheets-d...
    Source Code
    github.com/lsvekis/JavaScript... Course content web development and web design courses with coding examples and source code for the lesson content. Source Code is available within my Github account. Lessons posted are designed to help students learn more about a specific topic related to modern web development and applying code.
    Laurence Svekis is a professional top selling course author having instructed over 1 Million students both online and in person. Laurence Svekis is a Google Developer Expert specializing in Google Workspace automation using Google Apps Script Code.
    Check out my Website for more details at basescripts.com/

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

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

    Awesome tutorial! Thank you very much! It was exactly what I needed for my job.

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

    Thank you so much! This is exactly what I needed for a little prototype I am building. I took your short course on Udemy and it was super useful to have it both there an here on YT. I'm using it to display the results of a Google Form through a Google Sheet on a webpage.
    If not unrelated, could you please recommend a quick way to display only one entry at time, for a short interval, followed/replaced by the next one?

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

      You can use a setInteval function in JavaScript since its frontend code, making the AJAX request on the interval. Keep in mind you need to track the last item and then move to the next, if you a set amount of items you should AJAX and load the array into JavaScript then move between items in the array

  • @seobookpro
    @seobookpro 6 หลายเดือนก่อน

    Nice way what about change the data from the webpage to sheet and update the sheet and the page with the new data

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

    Thanks for the video. Is it also possible to add new cells/rows? Or changing cells?

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

      Yes you can!

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

      @@LaurenceSvekisCourses Could you possibly do a video on this or give some quick pointers on how to change values in the spreadsheet with JS? I believe all your current videos on Sheets+JS only cover retrieving data, but not updating. Thank you so much for your help!

  • @JoseRomero-nc3gu
    @JoseRomero-nc3gu 2 ปีที่แล้ว +2

    Hi, in the case you have two tabs in the same sheets, how can we access to each one. By default is only getting the first one. Thanks so much

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

      You can set and get it using the sheet name if you have more than one sheet

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

    Hi Svekis
    I watched your course in udemy
    while executing the code, it is showing the below error even after adding "gviz/tq?"
    "from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled."
    Can you please provide the solution

    • @LaurenceSvekisCourses
      @LaurenceSvekisCourses  ปีที่แล้ว

      CORS is generally a coding error on the server side, you need to ensure the path is correct and returning data properly. Deconstruct the code until you get a response

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

    Greate demonstration! Thank you. Okay so how can I add $ymbols to the numbers and keep my text content? (Cell.v) just gives me numbers as (cell.f) give me the numbers and the symbols but the text content goes undefined. 🤯🤷🏽‍♂️

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

      Google does try to automatically convert the cell data type, you can set the type in the format of the sheet as well adding a space infront will keep it as string text content

    • @davidavakian239
      @davidavakian239 ปีที่แล้ว

      aaaaa

    • @RamoncitoPascua
      @RamoncitoPascua ปีที่แล้ว

      Is there any CRUD implementation similar to this?

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

    buenas noches alguna documentación para capacitarme
    pls documentation

  • @MatheusSilva-qm3ph
    @MatheusSilva-qm3ph 2 ปีที่แล้ว +1

    Can you please make a video using googlesheets as authentication login with email and password directly on node?
    Or how to use query to search for a user.
    Thanks.

  • @developmentTeam-hs4zi
    @developmentTeam-hs4zi ปีที่แล้ว +1

    hii, thanks ...this is very informative & helpful for me ..... but i have a query how we select any other sheet of same google sheet??

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

      Yes, you can you can use as many sheets as needed, set the output using a webapp and construct the JSON data object from the sheets selecting them with their IDs

  • @anishjoseph9000
    @anishjoseph9000 7 หลายเดือนก่อน

    how to add user input in encodeuricomponent

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

    Hi,
    Thanks so much for the video
    This is very informative. But, I’m getting a CORS error 😭
    I’m using a sheet data to be displayed on my squarespace website
    Could you please assist with this?
    Thank you so very much!

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

    thanks

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

    What about when ele is null? it goes good until it encounters a blank cell

  • @SatishKumarN-pt5ww
    @SatishKumarN-pt5ww 2 ปีที่แล้ว

    Since V3 is sunset on august 2nd 2021, please show on how to generate Json url using new method i.e V4

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

      Its not using V3 in the video its showing the new format for JSON data from a sheet

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

    Is it possible to edit a Google Sheet using Javascript?

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

      You can post to it but not really secure with JavaScript

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

      @@LaurenceSvekisCourses Thanks. I found a way.

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

      @@denizkarakas9888 what was the solution that you found?

    • @NineBeanAung
      @NineBeanAung ปีที่แล้ว

      please, may I know your way?

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

    posible to post the same? If posible please make a video.

    • @LaurenceSvekisCourses
      @LaurenceSvekisCourses  ปีที่แล้ว

      sorry I don't understand the question I post regular videos on this channel

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

    sir please i req.. input type name & email then database google sheet and submit then redirect to another page there for anyone page but name or email and button that is form is encoded sir. so how to create sir please sir create to video sir please i request .. input type name and email then database google sheet and submit and then redirect to any other page for any page but email button is encoded sir. So how to make sir please sir create in video

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

      check out this video it will show you how studio.th-cam.com/users/videoZPo4QW3QKfk/comments

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

    aaaa