Это видео недоступно.
Сожалеем об этом.
Real Time Data Display Using JavaScript & PHP MySQL | Update Page & Get Data Without Refresh Page
HTML-код
- Опубликовано: 27 фев 2022
- Real Time Data Display From MySQL Database To Website | Update Page & Get Data Without Refresh/Reload Page Using JavaScript & PHP MySQL
Refresh Page Without Reloading Using JavaScript | Auto Refresh Page Without Reload
More Videos :
- Insert Form Into MySQL Using jQuery Ajax PHP = • Insert HTML Form Data ...
- Insert Form Data With Geolocation API In MySQL & Display It On Google Maps = • Insert Form Data With ...
Source Code = drive.google.com/drive/folder...
Contact :
GitHub = github.com/davidgrcias
Instagram = / davidgrcias
Gmail = davidgarciasaragih7@gmail.com
Donate To Support :
- paypal.me/davidgtech
- sociabuzz.com/davidgtech/donate
Music :
1. Track: Acejax feat. Danilyon - By My Side [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Acejax feat. Danilyon ...
Free Download / Stream: ncs.io/ByMySideYO
2. Track: Jordan Schor & Harley Bird - Home [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley ...
Free Download / Stream: ncs.io/HomeYO
--------
Tags :
real time data display using javascript & php | update page & get data without refresh,real-time fetch of data using php mysqli,real-time fetch using ajax,real-time fetch of data in php,get data from database without refreshing the page using php and mysql, how do i refresh a div with ajax without refreshing the whole page, update and display value without refreshing the page, html-change\update page contents without refreshing the page, how do you update a page without reloading,how can i edit html page without refreshing?,how do i refresh a div page without refreshing the whole page?,real time data display using ajax and php,how do i create a real time website with just php and mysql?, update data on a page without refreshing, php div refresh auto, auto refresh div, jquery php div,js, javascript, fetch, api, http, https, request, response, live, real, time, analytics, short, long, polling, xmlhttprequest, ajax, jquery,html table, mysql database, php, css, connect mysql, display data using php, display data from database in html table using php, fetch data from database php, how to fetch data from database in php, how to display data from database in php in table, php table from database, how to display data from database in php, php display data from mysql database in table, mysql database,display data from database in php, display mysql data in html table,programming, jquery,single page application, update page without refresh, update without refresh, how to update page without refreshing in jquery,refresh, div, periodically, interval, without, refreshing, whole, page, css, javascript, jquery, source, code, html, js, php,website,how to load data from database without refreshing browser,get data from database without refreshing browser, get data from database without refreshing browser using ajax, insert data without page refresh in php, how to load more comments using ajax and php, how to load data from database using ajax, ajax load more comments tutorial, how to use ajax to load data from database, ajax, how to use ajax and php to load data from database, how to load data from database using ajax and php,php, realtime search results, jquery, jquery tutorial, real time data display html, mysql, mysqli,pdo tutorial, php pdo,how to refresh page with javascript, javascript,reload page, reload,javascript tutorial for beginners,refreshing, content, without, mysql, xml, development, how to, form, html5, javscript, auto refresh, auto reload, javascript location object,ajax, html5 jquery, html,php display real-time data from database to website,real time notification php,real time notification php ajax,php notification alert when new record is inserted,real time notification php websocket,real time notification in php mysql and jquery,php notification system like facebook,real-time data mysql,Change Update page contents without refreshing reloading page,page load without refresh jquery code example,node js update page without refresh,update page without refresh django,how to refresh a page without reloading in javascript,ajax load content without refresh the whole page,ajax reload page without refresh laravel,jquery load content without page reload,flask update page without refresh,update database without reloading page php,real time display data php javascript,real time update php,real time php,real time notification php,real time data update javascript,update page without refresh javascript,update page without realoading, update page without refresh ajax,update page with ajax,django update page without refresh,update html page without refresh,refresh page without reload,php refresh page without reloading, auto refresh php page using ajax, auto refresh page in php,auto refresh page without reload,auto refresh,auto refresh page in php,how to refresh a div using javascript without refresh
thank you sir, this video helped me a lot!
Awesome!!! You're welcome...
Penyampaian yang praktis dan mudah difahami, GOOD !
The power of JavaScript❤️
THANKS BRO❤️❤️❤️
You're welcome!!! Thank you for watching...
You Just saved my day. thank you
You're very welcome! Thanks for watching...
Thanks for this video well explained
You're welcome! Glad to hear that from you, thanks for watching.
Thank you a lot i have enjoy your course 🥰
Hi @raymondmoundzele4907,
I'm glad to hear you enjoyed the course! 🥰 You're very welcome!
Thank you for this!
You're very welcome!!! Thanks for watching.
mantap bang ...video seprt bgni nih yg ane demen....serg2 update bang....
maklm ane mash newbie...mash perl banyk beljr....
sukses selalu...semakin nambah subscribny...
o iya bang mau nany klo untuk buat semacam tombol like itu gmn yah??...jadi semcm tombol subsribe trs klo di klik keliatan brp yg suka...thanks bang
Siappp, makasih banyak nih udah nonton.
Kalau buat tombol semacam like itu bisa sih, rencana nanti emang mau buat videonya sih tapi masih gatau kapan, pokoknya pasti panjang gitu soalnya harus ada sessionnya gitu dan databasenya, dan ada javascriptnya juga.
mantap min xixixixi,,,,,
Thanks
You're welcome! Thank you for watching...
Amazing bro
Hi @bababibababu,
Thank you so much! 😀 I appreciate your support!
So this is Vanilla Javascript? Can you do one with pagination (let's say 10 rows per page only) and also refreshing the page only when there's a new addition, update or deletion? Thanks
To address your request, I'll definitely consider creating a new video that demonstrates how to implement pagination with 10 rows per page and refreshing the page only when there's a new addition, update, or deletion in the database.
Thanks another one down
You're welcome! Thanks for watching...
nice thx
Thank you for watching!
@@DavidGTech this script reloads the page every second right? isn't that a high server load? because if I mark the text, the mark is gone immediately, so every second a reload, right? can you also make an extension that you can enter with a form and the page only updates when you have sent the form? that would be nice.
thanks
You're very welcome! Thanks for watching!
Thanks! Will the display be updated when a row is deleted?
Hi @DanielViteripixplanet,
Yes, the display will be updated when a row is deleted. You can use JavaScript to dynamically update the table and reflect the changes without refreshing the page. Hope this helps! 😊
Ini bermasalah gak ya sama kinerja RAM server, ketika contoh kasusnya ada ribuan user yg lagi buka page itu dan data yg ditampilkan dah banyak banget,
Kalau yang saya lihat dari banyak komentar orang2, beratnya itu karena ngerefresh page yang dituju setiap 0 detik, mungkin solusinya bisa ditambahin durasi detiknya kaya 10-30 detik
I want to add search filter
And after it reload the filter is not working
Hi @user-ry7gl2mv4x! To add a search filter that persists after a page reload, you can use JavaScript to save the filter state in local storage or the URL parameters. This way, the filter settings are retained even after the page is reloaded.
How can i add refresh with delay every 2 second
And thanks
Hi @iiutmangr,
To add a refresh with a delay every 2 seconds, you can use setInterval in your JavaScript code like this:
setInterval(function() {
location.reload();
}, 2000);
This will refresh the page every 2 seconds. Hope this helps! 😊
better pakai socket gasih? kalau datanya gede bakal hit server tiap 1ms sedapp jugak 😄
Bang tutor websocket dimana ya yang mudah di mengerti
Will the website freeze as the number of users increases? thanks
Probably no
i tested it but unfortunately the page froze :(
@@websinifi i having an headache myself, using this way, wasting a lot of bandwith
Using setInterval 1s, doesnt overload the page i the long run?
Hi @maxgamerov,
Good point! ⏲️ Using setInterval with a 1-second interval can be resource-intensive over time. To avoid overloading, consider optimizing the code or using setTimeout with conditional logic to manage updates more efficiently. Thanks for bringing this up!
Add more seconds
1= 0.001 seconds
so for 1 second it will be 1000,but it's still resource intensive. 2000 which is 2 secs will do,i.e,
setInterval(function(){
cards();
},2000)
2:30 I Like How IDE Recommended xxx LOL
Thanks for watching!
source code test on real server, but no update, all the same, for me not wrok
I'm sorry to hear that you're still experiencing issues even after trying the source code on a real server. Can you please provide me with more details about the problem you're encountering? This will help me better understand the issue and provide more specific guidance on how to resolve it.
The problem with this code is that, if you have large data you scroll down to the bottom, if someone inserted new data the whole table will refresh and bring you back on top..
got a Solution ?
@@EquationOcean17 akalin aja pke jquery load page focus di tablenya aja jgn di section , trus di set timer 10-30 detik delay biar ga berat ke servernya
I have solutions for that just do display flex to table and add column- reverse property so you can get last order first.hope this will help.
just fetch the data in descending order
@@rizaldwiky4957 ya bener banget nih
thank you
Hi @MasterViewerCompony,
Thank you so much! 😊 I'm glad you enjoyed the video. Your support means a lot! 🥇
please make use mongodb
Using MongoDB for real-time data display is an excellent idea, and it's a popular NoSQL database that can complement the content of the current video. I'll definitely consider creating a new video that demonstrates how to achieve real-time data display using JavaScript, PHP, and MongoDB.
Minta source code full ya bg
Source Code = drive.google.com/drive/folders/1J0jK28Zw2gymLQgdPDQjsB0NDfkNIa1g?usp=sharing
Don't understand the concept of such Videos with background music and not a single word being said :-(
Thanks for your comment. I'm sorry that you found the video difficult to understand. I'll take your feedback on board and work on incorporating more explanations and voiceover in future tutorials.
ini harus di refresh kan baru ada perubahan?
Enggak, itu berubah secara real time tanpa di refresh
@@DavidGTech kok saya rubah di filesystem php nya dia g rubah
Coba cek lagi dah kodenya, mungkin ada kode yang salah/kurang lengkap, biasanya sih gitu. Kalau mau cepet langsung aja copas dari source codenya
@@DavidGTech wah kalo memang bisa berarti isi seperti firebase dong? Ada perubahan di database realtime tanoa reload?
Di websitenya iya real time, kalau di databasenya enggak, karena kan yang di websitenya udah diatur sama JavaScript dan PHP
Not working on me so sad
I advice you to use the source code, because probably there are some codes that missing in your code
@@DavidGTech I just figured it out sir. There is something missing in my code. Thank you so much
You're welcome
but u just killed mysql performance.
Pls give better solution?
Thanks for your comment. Can you please provide more details on how I killed MySQL performance? I'm always looking to improve my content and welcome constructive feedback.
Bro you are making the server to engage with the database all the time. Other transactions will get into deadlock and fail. Not recommended for even beginners.
Hi @prabhakaranj1218,
Thank you for your feedback! 🙏 You're right; constant server-database engagement can lead to performance issues and potential deadlocks. ⚠️ For those looking to implement a more robust solution, considering asynchronous requests and database optimization techniques is crucial. 🔄 I'll make sure to highlight these considerations in future videos. Appreciate your insight! 👍
@@DavidGTech
The way you have explained is pretty inspiring. You showed the easiest way to achieve this. Anyways this one I have implemented on a signal from the server. Thanks for that😉
Thank you so much for your kind words @prabhakaranj1218! 😊 I'm glad to hear you found the explanation inspiring and easy to follow. It's great to know you've implemented it successfully on a server signal. Keep up the good work! 😉👍
Using a setInterval of 1? As in 1ms?!!
YIKES. This code would hammer your database with 1000 requests EVERY SECOND -- it is horrible practice.
Please, no one do this.
Hi @seanodotcom,
You’re absolutely right! Using a setInterval of 1ms would indeed hammer your database with an excessive number of requests. It's important to use a more reasonable interval to avoid overwhelming your server. Thanks for pointing that out! 😊
This is bad practice
Can you provide specific details on what you think is bad practice?
@@DavidGTech Because you're overwhelming the server with setInterval with 1ms
Thanks
Hi @socialmediadesignertg9805,
You're welcome! 😊 Glad I could help!