Home/ Questions/Q 4032748
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T11:45:37+00:00

I am new studing jquery.ajax. I still have some question. how to receive data

  • 0

I am new studing jquery.ajax. I still have some question. how to receive data from another page’s div? I am tried to do this: open a.php, send html data from div#send to b.php, then return the data from b.php div#aa and show in a.php div#result, from b.php div#bb and show in a.php div#text. Thanks.

a.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script language="javascript"> 
$(document).ready(function () {      
var params = "value=" + $('#send').text();   
$.ajax({        
     url:'b.php',        
     type:'post',                 
     dataType:'html',            
     data:params,            
     success:data     
     }); 
function data (html) {   
$("#result").html('#aa'); 
$("#text").html('#bb'); 
} 
}); 
</script>
<body>
<div id="result"></div>// I need return 'this is an apple.'
<div id="text"></div>//I need return 'A red apple'.
<div id="send">apple</div>

b.php

<?php
echo '<div id="aa">';
echo 'This is an '.$_REQUEST['value'].'.'; 
echo '</div>';
echo '<div id="bb">';
echo 'A red '.$_REQUEST['value'].'.'; 
echo '</div>';
?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to turn the response string into DOM elements, select those elements, and append them where you want.

    function data (html) {
    var $html = $( html );             // create DOM elements in a jQuery object

    $html.filter('#aa').appendTo("#result"); // filter out the '#aa' element and
                                             //    append it to '#result'

    $html.filter('#bb').appendTo("#text");   // filter out the '#bb' element and
                                             //    append it to '#text'
}

    I used the filter()[docs] method because the elements you’re targeting appear to be at the top level of the HTML response.

    If they were nested deeper, you’d use the find()[docs] method instead.

    • 0