Change DIV content using ajax php and jQuery

Question

I have a div which contains some text for the database    lt div id  summary  gt Here is summary of movie lt  div gt    And list of links    lt a href   id 1  class  movie  gt Name of movie lt  a gt   lt a href   id 2  class  movie  gt Name of movie lt  a gt       The process should be something like this    Click on the link Ajax using the url of the link to pass data via GET to php file   same page PHP returns string The div is changed to this string

User · Answer

try this     function getmoviename id                var p url  yoururl from where you get movie name       jQuery ajax        type   GET                     url  p url       data   id     id        success  function data               summary   html data                        and you html part is     lt a href  javascript void 0    class  movie  onclick  getmoviename youridvariable   gt    Name of movie lt  a gt      lt div id  summary  gt Here is summary of movie lt  div gt

User · Answer

This works for me and you don t need the inline script   Javascript         document  ready function             showme   bind  click   function              var id   this  attr  id            var num   this  attr  class            var poststr  request   num   amp moreinfo   id            ajax                 url  testme php                 cache 0                data poststr                success function result                        document getElementById  stuff   innerHTML result                                               HTML        lt div class  request 1 showme  id  rating 1  gt More stuff 1 lt  div gt       lt div class  request 2 showme  id  rating 2  gt More stuff 2 lt  div gt       lt div class  request 3 showme  id  rating 3  gt More stuff 3 lt  div gt        lt div id  stuff  gt Here is some stuff that will update when the links above are clicked lt  div gt    The request is sent to testme php       header  Cache-Control  no-cache        header  Pragma  nocache          request id   preg replace     0-9         REQUEST  request          request moreinfo   preg replace     0-9         REQUEST  moreinfo          if  request id   1                 echo  show 1             elseif  request id   2                 echo  show 2             else               echo  show 3

User · Answer

lt script gt   function getSummary id         ajax         type   GET        url   Your URL        data   id     id     appears as   GET  id     your backend side      success  function data                  data is ur summary               summary   html data                      lt  script gt    And add onclick event in your lists    lt a onclick  getSummary  1    gt View Text lt  a gt   lt div id   summary  gt This text will be replaced when the onclick event  link is clicked  is triggered  lt  div gt

User · Answer

You could achieve this quite easily with jQuery by registering for the click event of the anchors  with class  movie   and using the  load   method to send an AJAX request and replace the contents of the summary div     function             movie   click function                 summary   load this href               it s important to return false from the click            handler in order to cancel the default action            of the link which is to redirect to the url and            execute the AJAX request         return false

User · Answer

lt script gt    function            movie   click function            var this href   this  attr  href              ajax               url this href              type  post               cache false              success function data                                    summary   html data                                     return false               lt  script gt

User · Answer

lt script gt   function getSummary id         ajax         type   GET    post      url   Your URL        data   id   id     appears as   GET  id     ur backend side      success  function data                  data is ur summary               summary   html data                      lt  script gt

User · Answer

jQuery load        summary   load  ajax php   function       alert  Loaded

[php] Change DIV content using ajax, php and jQuery

Examples related to php

Examples related to javascript

Examples related to jquery

Examples related to ajax