refresh part of php page











up vote
0
down vote

favorite












I am generally new to php and SQL
but i know html, css and js



I want to make something like a simple chatroom web page
I have made the [sign in] and [sign up] part and i have saved some accounts in my database



but my problem is how to refresh only a small part of web page using only php.



I have a div in my page for showing messages that are saved in database
and I want it's content to be updated when a new message is gone to the database
but I don't want the whole page to be refreshed.



how Can I do this?
Please Help me










share|improve this question


























    up vote
    0
    down vote

    favorite












    I am generally new to php and SQL
    but i know html, css and js



    I want to make something like a simple chatroom web page
    I have made the [sign in] and [sign up] part and i have saved some accounts in my database



    but my problem is how to refresh only a small part of web page using only php.



    I have a div in my page for showing messages that are saved in database
    and I want it's content to be updated when a new message is gone to the database
    but I don't want the whole page to be refreshed.



    how Can I do this?
    Please Help me










    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I am generally new to php and SQL
      but i know html, css and js



      I want to make something like a simple chatroom web page
      I have made the [sign in] and [sign up] part and i have saved some accounts in my database



      but my problem is how to refresh only a small part of web page using only php.



      I have a div in my page for showing messages that are saved in database
      and I want it's content to be updated when a new message is gone to the database
      but I don't want the whole page to be refreshed.



      how Can I do this?
      Please Help me










      share|improve this question













      I am generally new to php and SQL
      but i know html, css and js



      I want to make something like a simple chatroom web page
      I have made the [sign in] and [sign up] part and i have saved some accounts in my database



      but my problem is how to refresh only a small part of web page using only php.



      I have a div in my page for showing messages that are saved in database
      and I want it's content to be updated when a new message is gone to the database
      but I don't want the whole page to be refreshed.



      how Can I do this?
      Please Help me







      php sql database refresh chatroom






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 9 at 18:53









      mohammadsadegh kashef

      32




      32
























          2 Answers
          2






          active

          oldest

          votes

















          up vote
          1
          down vote



          accepted










          To refresh only part of a webpage you can use AJAX. It is based on JavaScript and lets you update certain parts of a webpage without reloading it.
          Here you can learn more: https://www.w3schools.com/js/js_ajax_intro.asp






          share|improve this answer




























            up vote
            1
            down vote













            PHP is a server language - and based in resquest/response, like everything in web.



            It means that you can't send information to the client after the response.



            So if you want to make your page dinamic, you have to send some javascript to the client browser.



            Depending on what you want to reload, you will need json and jquery/ajax to get the information through GET or POST. The you change the content of the current page using this.



            In this case, you can use another PHP page like 'getmessages.php':



            function getMessage(){
            $.ajax({
            url: "getmessages.html",
            context: document.body
            }).done(function() {
            $("#messagesdiv").html("-- body of message --");
            });
            }

            while(true){
            getMessage();
            sleep(1000);
            }

            function sleep(ms) {
            return new Promise(resolve => setTimeout(resolve, ms));
            }


            You can parse the json to get the information wich is better. And it verify the information every second.



            There are many tutorials out there that can show how to do this.



            You can find JQuery here.






            share|improve this answer





















              Your Answer






              StackExchange.ifUsing("editor", function () {
              StackExchange.using("externalEditor", function () {
              StackExchange.using("snippets", function () {
              StackExchange.snippets.init();
              });
              });
              }, "code-snippets");

              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "1"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              convertImagesToLinks: true,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: 10,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














               

              draft saved


              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53231740%2frefresh-part-of-php-page%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes








              up vote
              1
              down vote



              accepted










              To refresh only part of a webpage you can use AJAX. It is based on JavaScript and lets you update certain parts of a webpage without reloading it.
              Here you can learn more: https://www.w3schools.com/js/js_ajax_intro.asp






              share|improve this answer

























                up vote
                1
                down vote



                accepted










                To refresh only part of a webpage you can use AJAX. It is based on JavaScript and lets you update certain parts of a webpage without reloading it.
                Here you can learn more: https://www.w3schools.com/js/js_ajax_intro.asp






                share|improve this answer























                  up vote
                  1
                  down vote



                  accepted







                  up vote
                  1
                  down vote



                  accepted






                  To refresh only part of a webpage you can use AJAX. It is based on JavaScript and lets you update certain parts of a webpage without reloading it.
                  Here you can learn more: https://www.w3schools.com/js/js_ajax_intro.asp






                  share|improve this answer












                  To refresh only part of a webpage you can use AJAX. It is based on JavaScript and lets you update certain parts of a webpage without reloading it.
                  Here you can learn more: https://www.w3schools.com/js/js_ajax_intro.asp







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 9 at 18:56









                  Martin Kumecký

                  685




                  685
























                      up vote
                      1
                      down vote













                      PHP is a server language - and based in resquest/response, like everything in web.



                      It means that you can't send information to the client after the response.



                      So if you want to make your page dinamic, you have to send some javascript to the client browser.



                      Depending on what you want to reload, you will need json and jquery/ajax to get the information through GET or POST. The you change the content of the current page using this.



                      In this case, you can use another PHP page like 'getmessages.php':



                      function getMessage(){
                      $.ajax({
                      url: "getmessages.html",
                      context: document.body
                      }).done(function() {
                      $("#messagesdiv").html("-- body of message --");
                      });
                      }

                      while(true){
                      getMessage();
                      sleep(1000);
                      }

                      function sleep(ms) {
                      return new Promise(resolve => setTimeout(resolve, ms));
                      }


                      You can parse the json to get the information wich is better. And it verify the information every second.



                      There are many tutorials out there that can show how to do this.



                      You can find JQuery here.






                      share|improve this answer

























                        up vote
                        1
                        down vote













                        PHP is a server language - and based in resquest/response, like everything in web.



                        It means that you can't send information to the client after the response.



                        So if you want to make your page dinamic, you have to send some javascript to the client browser.



                        Depending on what you want to reload, you will need json and jquery/ajax to get the information through GET or POST. The you change the content of the current page using this.



                        In this case, you can use another PHP page like 'getmessages.php':



                        function getMessage(){
                        $.ajax({
                        url: "getmessages.html",
                        context: document.body
                        }).done(function() {
                        $("#messagesdiv").html("-- body of message --");
                        });
                        }

                        while(true){
                        getMessage();
                        sleep(1000);
                        }

                        function sleep(ms) {
                        return new Promise(resolve => setTimeout(resolve, ms));
                        }


                        You can parse the json to get the information wich is better. And it verify the information every second.



                        There are many tutorials out there that can show how to do this.



                        You can find JQuery here.






                        share|improve this answer























                          up vote
                          1
                          down vote










                          up vote
                          1
                          down vote









                          PHP is a server language - and based in resquest/response, like everything in web.



                          It means that you can't send information to the client after the response.



                          So if you want to make your page dinamic, you have to send some javascript to the client browser.



                          Depending on what you want to reload, you will need json and jquery/ajax to get the information through GET or POST. The you change the content of the current page using this.



                          In this case, you can use another PHP page like 'getmessages.php':



                          function getMessage(){
                          $.ajax({
                          url: "getmessages.html",
                          context: document.body
                          }).done(function() {
                          $("#messagesdiv").html("-- body of message --");
                          });
                          }

                          while(true){
                          getMessage();
                          sleep(1000);
                          }

                          function sleep(ms) {
                          return new Promise(resolve => setTimeout(resolve, ms));
                          }


                          You can parse the json to get the information wich is better. And it verify the information every second.



                          There are many tutorials out there that can show how to do this.



                          You can find JQuery here.






                          share|improve this answer












                          PHP is a server language - and based in resquest/response, like everything in web.



                          It means that you can't send information to the client after the response.



                          So if you want to make your page dinamic, you have to send some javascript to the client browser.



                          Depending on what you want to reload, you will need json and jquery/ajax to get the information through GET or POST. The you change the content of the current page using this.



                          In this case, you can use another PHP page like 'getmessages.php':



                          function getMessage(){
                          $.ajax({
                          url: "getmessages.html",
                          context: document.body
                          }).done(function() {
                          $("#messagesdiv").html("-- body of message --");
                          });
                          }

                          while(true){
                          getMessage();
                          sleep(1000);
                          }

                          function sleep(ms) {
                          return new Promise(resolve => setTimeout(resolve, ms));
                          }


                          You can parse the json to get the information wich is better. And it verify the information every second.



                          There are many tutorials out there that can show how to do this.



                          You can find JQuery here.







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Nov 9 at 19:14









                          Victor Lengler

                          535




                          535






























                               

                              draft saved


                              draft discarded



















































                               


                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53231740%2frefresh-part-of-php-page%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Guess what letter conforming each word

                              Port of Spain

                              Run scheduled task as local user group (not BUILTIN)