Home/ Questions/Q 8860301
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T15:14:21+00:00

The following code sends an alert to the screen as ‘undefined’. I would like

  • 0

The following code sends an alert to the screen as ‘undefined’. I would like to alert the html of #div.

    $.ajax({
        type: "POST",
        url: pageurl,
        dataType: "html",
        success: function(data){
            alert($(data).children("#div").html());
        }       
    });

I could do something like in load, but I don’t think I’m allowed:

    url: pageurl + ' #div'

How can I resolve this?

UPDATE: Based on advice from @Murali, I’ve tried the following, but it still doesn’t behave as I would like:

<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {  
    $.ajax({
            type: "POST",
            url: 'index.html',
            dataType: "html",
            success: function (data) {                    
                alert($(data).find('#site-content').html());
            }
        });
});
  </script>

<title></title>
</head>
<body>
<div id="site-content">
    some data</div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try

    Change this

     $(data).children("#div").html()

    To

     $(data).find('#yourDivId').html()

    Note: yourDivId -> give the id of the div. In your code you mentioned as ‘#div’ not sure whether really your code is like <div id='div'>

    Code i tried

    in Index.html

          $.ajax({
            type: "POST",
            url: 'page.html',
            dataType: "html",
            success: function (data) {                    
                $(data).find('#site-content').html();
            }
        });

    In Page.html

     <head>
<title></title>
</head>
<body>
<div id="site-content">
    some data</div>
</body>
</html>
    • 0