AJAX returns HTML code with output

Question

After trying some solutions from this and many other questions I wasn't able to get what is exact problem in my code. My code

$(document).ready(function() {
    $("#botname").blur(function() {
        $.ajax({
            type: "POST",
            url: "/tukaiexotic/rq/requisition/typhead",
            contentType: "application/json; charset=utf-8",
            success: function(result) {
                $("#commmonname").val(result);
            }
        });
    });
});

It returns my expected result, but with result, it returns the HTML code of the whole page.

What is wrong in code?

Server side script

function typhead_mod()
        {

             $this->db->select("fa_id,fa_code,fa_name");
            $aaa=$this->db->get('tukai_farms')->result();

            echo strip_tags($aaa);

        }

Answer 1

use strip_tags while sending data from server file if that is in php like below-

<script src="jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
        $.ajax({
            type: "POST",
            url: "test2.php",
            contentType: "application/json; charset=utf-8",
            success: function(result) {
                //alert(result);
                $("#commmonname").html(result);
            }
        });
    });
</script>

<div id="commmonname"></div>

SERVER file

<?php
$msg="<h2>HI</h2>";
echo strip_tags($msg);
?>

Answer 2

I tried a lot and finally i got the solution using below code.

$.ajax({
     type: "POST",
     url: "page name/method name",
     data: '{ param 1: "value", param 2: "value" }',
     contentType: "application/json; charset=utf-8",
     success: function (data) {}
});