Passing jquery JSON from Codeigniter controller to view_问答_开发者

Passing jquery JSON from Codeigniter controller to view

开发者 https://www.devze.com 2023-02-04 05:05 出处：网络

I\'ve been strugglingto make it work, but cannot pass the inserted data from the controler to the view in CI using JSON. The input value from the form is successfully inserted into the database, but c

I've been struggling to make it work, but cannot pass the inserted data from the controler to the view in CI using JSON. The input value from the form is successfully inserted into the database, but cannot make it appear in the view.

This is my view file ajax_view.php:

<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.4.2.min.js"></script>
$(document).ready(function(){

$("#submit").click(function(){

    var inp = $('#inp').val();


    $.post("ajax/ajax_input", { 'send' : inp },
       function(data){
            alert(data.input_text);

       }, "json");

});

});
</script>
   </head>
<body>
<form id="开发者_开发百科form1" method="post" action="">
 <label for="inp">Text</label>
 <input type="text" name="inp" id="inp" />
 <label for="submit"></label>
 <input type="submit" name="submit" id="submit" value="Submit" />

And this is the ajax_input method of the ajax.php controller:

<?php
// Initializing controller .....
// .............................


 //ajax method
function ajax_input(){
    $var_1 = trim($this->input->post('send'));
    $array = array('input_text' => $var_1);

    echo json_encode($array);
    $this->db->insert('ajax',$array);
}

Trying to debug it with Firebug, it gives me that data.input_text is empty.

What am I doing wrong?

EDIT: I'm using XAMPP on Win, so is it posible that json configuration is the problem?

the code itself should work, here are some tip:

I don't know if this is a typo or not, but your JS in not opened properly (missing <script type="text/javascript">)

use submit() event instead of having click() event on your submit input:

<script type="text/javascript">
    $(document).ready(function(){
        $("#form1").submit(function(){
            var inp = $('#inp').val();
            $.post("ajax/ajax_input/", { 'send' : inp },
            function(data){
                console.log(data.input_text);
            }, 'json');
            return false;
        });
    });
</script>

switch the two line in your Controller and return the insert() to a variable just in case:

if($this->db->insert('ajax',$array))
    echo json_encode($array);
else
    //echo json_encode(array("input_text"=>"Input was not inserted correctly!"));
    echo json_encode(array("input_text"=>$this->db->last_query())); // for testing purposes ONLY!! don't use in live website!

There is a typo in you ajax_input.php page. Change: $array = array('input_tekst' => $var_1); to

$array = array('input_text' => $var_1);

$array = array('input_tekst' => $var_1); //why tekst?

Change tekst to text.

Passing jquery JSON from Codeigniter controller to view

精彩评论

关注公众号

热门标签

图文推荐

Passing jquery JSON from Codeigniter controller to view

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：