Question

In my Javascript code after the line below:

url: ……/Misc-2/Ci-TodoList/index.php/home/jsonAddData,

I am getting the following error:

index.php:13 Uncaught SyntaxError: Unexpected token :

<script type="text/javascript" language="javascript">
$(document).ready(function() {
    $('#add').bind('keypress', function(e) {
        if(e.keyCode == 13){
            $.ajax({
            type: "POST",
            dataType: "JSON",
            url: <?php echo site_url("home/jsonAddData"); ?>,
            data: dataString,
            json: {title_posted: true},
            success: function(data){
            if(data.title_posted == true) { // true means data was successfully posted.
                $("#success").append("Success");
            } else if(data.title_posted == false) { // false means data failed to post.
                $("#success").append('Failure');
            }
          }
       });
    }
});

      }
    });
});
</script>

I’m pretty positive after a few debugging tricks that index.php:13 is referring to my PHP script. One of the things it was doing was saying that when I was loading the url helper, it said that that was causing the error. Then I autoloaded the url helper and now it’s saying line 13 is causing the error, but line 13 is only a mysql select query as you can determine below:

<?php
class home extends CI_Controller {
    function __construct() {
        parent::__construct();
    }
    function index() {
        $data = array();
        $data['lists'] = $this->displayList();
        $this->load->view('home', $data);
    }
    function displayList() {
        $str = '';
        $query = $this->db->query("SELECT * FROM data");
        foreach ($query->result() as $row) {
            $b = '<input name="completed" type="checkbox" />';
            $a = $row->title . "<br>";
            $str .= $b.$a;
        }
        return $str;
    }
    function jsonAddData() {
        if($this->input->is_ajax_request()) {
        header('Content-type:application/json');
        $title = $this->input->post('title');
        $query = $this->db->query("INSERT INTO data (title) VALUES ('$title')");
        if($query) return json_encode(array('title_posted' => true));
        else return json_encode(array('title_posted' => false));
        }
    }
}
?>

Any ideas to why this is happening?

Answer 1

You are getting JS error so PHP syntax is not the culprit. 🙂

Wrap <?php echo site_url("home/jsonAddData"); ?> in double quotations (I mean ""). Also you have other syntax errors, proper indenting can save your time in the future.

Here is the solved version:

$(document).ready(function() {
    $('#add').bind('keypress', function(e) {
        if(e.keyCode == 13){
            $.ajax({
                type: "POST",
                dataType: "JSON",
                url: "<?php echo site_url("home/jsonAddData"); ?>",
                data: dataString,
                json: {title_posted: true},
                success: function(data){
                    if(data.title_posted == true) { // true means data was successfully posted.
                        $("#success").append("Success");
                    } else if(data.title_posted == false) { // false means data failed to post.
                        $("#success").append('Failure');
                    }
               }
          });
       }
    });
});