too long

Question

It's a like dislike button, connected with a database. But it only takes the first variable "storyid".

<script type="text/javascript">
function savelike(storyid, username, autid)
{
        $.ajax({
                type: "POST",
                url: "<?php echo site_url('site/homecontroler/savelikes');?>",
                Data: "Storyid="+storyid,
                success: function (response) {
                 $("#like_"+storyid).html(response+" Likes");

                }
            });
}
</script>

 <p style="    width: 10%;float: left;"><a onclick="javascript:savelike(<?php echo $Data['postid'];?>, <?php echo $Data['firstname'];?>, <?php echo $this->session->userdata('userproid'); ?>);">
     <i class="fa fa-thumbs-up" style="font-size: 25px; color: cornflowerblue;"></i> 
     <span id="like_<?php echo $Data['postid'];?>">
        <?php if($Data['likes']>0){echo $Data['likes'].' Likes';}else{echo 'Like';} ?>
     </span></a>
    </p> 

Answer 1

You miss the username and autid in Data

<script type="text/javascript">
function savelike(storyid, username, autid)
{
    $.ajax({
            type: "POST",
            url: "<?php echo site_url('site/homecontroler/savelikes');?>",
            Data: "Storyid="+storyid+"&username="+username+"&autid="+autid,
            success: function (response) {
             $("#like_"+storyid).html(response+" Likes");

            }
        });
}
</script>

In Html pass the values as string missing '' in firstname and autid

<p style="    width: 10%;float: left;"><a onclick="javascript:savelike(<?php echo $Data['postid'];?>, '<?php echo $Data['firstname'];?>', '<?php echo $this->session->userdata('userproid'); ?>');">
 <i class="fa fa-thumbs-up" style="font-size: 25px; color: cornflowerblue;"></i> 
 <span id="like_<?php echo $Data['postid'];?>">
    <?php if($Data['likes']>0){echo $Data['likes'].' Likes';}else{echo 'Like';} ?>
 </span></a>
</p>