AJAX Post HTML Code

First of all, var iframe does not contain HTML of the iframe element - it contains a DOM Node, which is kind of a wrapper around the iframe element (it contains various properties of that element, including the HTML).
Next thing, you probably want to wait for the iframe to completely load all the contents, so you'll have to bind to the load event of it.

Something like this should work:

var $iframe = $("#awc_frame"); $iframe.on("load", function () { var iframeHTML = $iframe[0].contentWindow.document.body.innerHTML; // jQuery alternative var iframeHTML = $iframe.contents().find("body").html(); $.ajax({ type: "POST", url: "mobileView.php", data: { val: iframeHTML }, success: function(data){ console.log(data); } }); }); 

Super important thing in this example

Just one more thing - please note that for websites outside of your own domain, this code won't work (due to Same Origin Policy). Any other code won't work too.

Since javascript has problems with getting the HTML from a cross-domain iframe, you can't do this across domains. However, why not just send the iframe's src attribute to the PHP page, and then just use file_get_contents to get the HTML, and then store that? Problem solved:

Javascript:

var iframe = $('#awc_frame').prop('src'); $.ajax({ type: "POST", url: "posttest.php", data: { val : iframe }, success: function(data){ console.log(data); } }); 

PHP:

$html = file_get_contents($_POST['val']); 

what are you trying to do?

var iframe = document.getElementById("awc_frame"); 

above code is an javascript object of your iframe which contains a lot of properties.. since you are using jQuery, you could get that with:

var iframe = $('#awc_frame'); 

keep in mind that above code is the element it self in jquery object format you could get element object like this:

var iframe = $('#awc_frame')[0]; 

** you're doing something wrong.

if you're trying to get iframe HTML content:

var iframe_contents = $("#awc_frame").contents(); 

if you explain more about what you are trying to do, i can update my answer to suit you.

* UPDATE * considering what you are trying to do..

Method #1: (Easy Way)

you could use php to fetch content of the website you need:

<?php $contents = file_get_contents('http://www.w3schools.com'); // Saving $contents to database... ?> 

Method #2: (Hard Way)

as @mdziekon said, you first should wait until your iframe gets loaded then:

var iframe = $("#awc_frame"); iframe.on("load", function () { var contents = $(this)[0].innerHTML; $.ajax({ type: "POST", url: "mobileView.php", data: { val: contents }, success: function(data){ console.log(data); } }); }); 

hope it solves your problem

This would send the entire html inside the iframe.

var iframe = $('#awc_frame').html();