Home/ Questions/Q 102189
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T00:54:56+00:00

I have developed code with Ajax and jQuery. I have got a response from

  • 0

I have developed code with Ajax and jQuery. I have got a response from my.php, and I have tried to extract the values of the response. Here the code (HTML):

My.php

?php     echo '<div id="title">My Title </div>';     echo '<div id="message"> My message </div>'; ?>

I try to extract the title and message so my code is below.

    <head>         <script type="text/javascript" src="js/jquery-1.2.6.js"></script>         <script type="text/javascript">             $(document).ready(function() {                 alert("OK");                  $.ajax({                     type:"POST",                     url: "my.php",                     cache:false ,                     success: function(data){                         $("#response").html(data);                         var $response = $(data);                         var oneval = $response.find('#title').text();                         var subval = $response.find('#message').text();                         alert(oneval);                     }                 });             });         </script>     </head>      <body>         <div id="response">         </div>     </body> </html>

…

The problem is when I tried to alert, it is not working. What is wrong with this logic? Should I use another function to extract the title and message?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. OK, go to http://jsbin.com/udige/ and you can see it working.

    The key is using .filter, not .find as the two divs are root elements in the response. My mistake.

    Basically do the following:

    success: function(data){     $('#response').html(data);     var $response = $(data);     var oneval = $response.filter('#title').text();     var subval = $response.filter('#message').text();     alert(oneval); }
    • 0