When I use a script for getting the content from a specific url using ajax, my HTML content is not displayed, i.e my table element is not displayed: I get the data from the specif url and I am showing it in an alert box, and also using document.write to write on the page the data coming from the url I called:
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
type:"POST",
url:"http://your url",
success: onSuccess,
error:onError
});
});
function onSuccess(data){
var servertext=data;
document.write(servertext);
alert(servertext);
}
function onError(data){
alert(data+'error');
}
</script>
</head>
<body>
<p> hello</p>
<table height="150px" weight="150px" border="1px">
<tr>
<td><img src="green.png" height="100px" width="100px" /></td>
</tr>
</table>
enter code here
document.writeshouldn’t be used after the page has finished loading. If you call it, it will implicitly calldocument.open, which blanks the page and creates a new document.