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);

        }

change your serverside script to change the returned value – Arun P Johny Mar 03 '15 at 07:26 — Arun P Johny, Mar 03 '15 at 07:26
Didn't work. Exactly what you want me to do? – Piyush Mar 03 '15 at 07:28 — Piyush, Mar 03 '15 at 07:28
check whether the script is error free or not? – Captain Planet Mar 03 '15 at 07:42 — Captain Planet, Mar 03 '15 at 07:42
Can u add your server side script here? – Jigisha Variya Mar 03 '15 at 07:59 — Jigisha Variya, Mar 03 '15 at 07:59

score 5 · Accepted Answer · answered Mar 03 '15 at 07:37

5

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);
?>

answered Mar 03 '15 at 07:37

TECHNOMAN

361
1
9

I have added server script please take a look. – Piyush Mar 03 '15 at 08:46
u took the wrong variable ..see $saa and $aaa. Also plz give the data which is coming from the database so we can see its format.. – TECHNOMAN Mar 03 '15 at 09:36
How to validate that a query to the database returns results validate with if in the AJAX response? – Minor Jan 02 '23 at 22:08

nativegrip · Answer 2 · 2016-12-13T04:48:22.190

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) {}
});

edited Dec 13 '16 at 04:48

answered Dec 12 '16 at 17:31

nativegrip

892
10
20

Bhupendra Kumar · Answer 3 · 2020-10-28T13:03:56.390

$.ajax({
    URL: "<?= base_url()?>/controller name/function name",  
    type: 'POST',
    data: {school_code:school_code,class_name:class_name},
    contentType: "application/json; charset=utf-8",
    success: function(res)
    {
        console.log(res);
    }
});

Actually the real problem in this case is URL. if the URL is not set properly then function will not call and Ajax will return the same page content in response. so please check your URL and set it like above.

AJAX returns HTML code with output

3 Answers3

Linked