I am attempting to showcase two sets of data on separate divs using ajax.
Below is the code I am utilizing for this task.
Here is the ajax implementation
$(function () {
$(".myBtn").click(function () {
var id = $(this).data("id");
var name = $(this).data("name");
var dataString = 'id=' + id + '&list_id=' + <? php echo $id; ?>;
var parent = $(this);
if (name == 'up') {
$(this).fadeIn(200).html;
$.ajax({
type: "POST",
url: "vote_up.php",
data: dataString,
cache: false,
dataType: 'json',
success: function (json) {
parent.parent().find(".v-up").html(json.msg1);
parent.parent().find(".v-down").html(json.msg2);
}
});
} else {
$(this).fadeIn(200).html;
$.ajax({
type: "POST",
url: "vote_down.php",
data: dataString,
cache: false,
dataType: 'json',
success: function (json) {
parent.parent().find(".v-down").html(json.msg2);
parent.parent().find(".v-up").html(json.msg1);
}
});
}
return false;
});
});
This is the json response code
echo json_encode(array('msg1'=>$value1));
return;
echo json_encode(array('msg1'=>$value2));
return;
The code does not seem to be functioning correctly. It displays msg1 but fails to show msg2. Can anyone guide me on how to rectify this issue or point out what I might be doing wrong?