Within this piece of code, my intention is to retrieve the alert value and apply it to an element.
Description: The AJAX code I have written checks for values in a database, fetches new values from the database, and then displays these fetched values in an alert. However, I am struggling with putting these alert values into an element...
How can I accomplish this?
Code:
<script>
$(document).ready(function(){
$("#refresh").click(function(){
var fileId = id;
var rowNum = $(this).parent().parent().index();
$.ajax({
type: "post",
url: "checkStatusAndNumRecs",
data: {fileId: fileId},
success: function(data) {
setTimeout(alert(data), 2000);
var allTds = $("#rtable tr:eq('" + rowNum + "')").find('td');
$(allTds)[4].html(data[0]);
$(allTds)[3].html(data[1]);
document.getElementById("div1").innerHTML = data;
},
error: function(data) {
document.getElementById("div1").innerHTML = "It was a failure!!!";
}
});
});
});
</script>HTML code:
<td><div id="div1"><s:property value="%{#m.status}" /></div></td>I am able to get the value using alert(data). However, when trying to set the same value like this
document.getElementById("div1").innerHTML = data;The value is not being applied to the element.