Example 2: Using jquery for the ajax api call:
https://madspiders.com/demo/cb_apiv2_demo2.php
Example 2 source code:
Code:
<?php
// edit area
$wmid='xxxxx';
$tag='18';
$gender='f';
$limit=32;
$camsdiv='camsdiv';
// end of edit area
// construct the api url
$api_url="https://chaturbate.com/api/public/affiliates/onlinerooms/?wm=" . $wmid . "&format=xml&client_ip=" . $_SERVER['REMOTE_ADDR'];
if($limit>0)
{
$api_url .="&limit=" . $limit;
}
if($tag>'')
{
$api_url .="&tag=" . $tag;
}
if($gender>'')
{
$api_url .="&gender=" . $gender;
}
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example of pulling CB API Version 2</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
function parse_data(data, camsdiv)
{
parser = new DOMParser();
xmlDoc = parser.parseFromString(data,"text/xml");
x=xmlDoc.getElementsByTagName("username");
txt='';
for (i = 0; i < x.length ;i++)
{
txt +='<div style="float:left;width:25%;margin-bottom:10px;padding:right:10px;text-align:center;">';
txt +='<a rel=nofollow style="color:#000000;font-weight:bold;" href=' + xmlDoc.getElementsByTagName("chat_room_url_revshare")[i].childNodes[0].nodeValue + '>';
txt +=xmlDoc.getElementsByTagName("username")[i].childNodes[0].nodeValue + '<br>';
txt +='<img style="max-width:90%;" src=' + xmlDoc.getElementsByTagName("image_url")[i].childNodes[0].nodeValue + '><br>';
txt +='</a>';
txt +='</div>';
document.getElementById(camsdiv).innerHTML +=txt;
txt='';
}
}
</script>
</head>
<body>
<div style="width:100%;text-align:center;">
<h1>Example of pulling Chaturbate API Version 2 using javascript and AJAX</h1>
<br>
<div name="camsdiv" id="camsdiv" style="margin-left:15px;">
</div>
</div>
<script>
$.ajax({
dataType: "html",
url: "<?php echo $api_url; ?>",
success: function (data) {
//console.log(data);
parse_data(data, "<?php echo $camsdiv; ?>");
}
});
</script>
</body>
</html>