AJAX: send data from webpage to PHP API

Question

I'm trying to send data to the server API from a webpage but it keeps falling to 'No Connection!' as you will see in the code. Note:The server, database and the API are working, because I also use it on a phone application that do the same as I'm trying to do here which is post an event to the database. Here is the webpage code:

        function onAddEvent(){
        var title = document.getElementById("title").value;
        var desc = document.getElementById("desc").value;
        var date = document.getElementById("date").value;
        var userid = localStorage.getItem("userid");
        $.ajax({
            url: API_URL,
            type: 'POST',
            data: {eventname: title, eventdate: date, eventdesc: desc, user_id: userid},
            async: true, // set the property here
            success: function(data) {
                if(data.result == "success"){
                    alert("Add Event Successfully!");
                }
                else{
                    alert("Can't add event");
                }
            },
            error: function(xhr, error) {
                //It is falling here
                alert('No Connection!');
            }
        });
    }

And here is the PHP API that it will connect to:

    function addevent()
{
    $new_member_insert_data = array(
        'eventname' => $this->input->post('eventname'),
        'eventdate' => $this->input->post('eventdate'),
        'eventdesc' => $this->input->post('eventdesc'),
        'user_id' => $this->input->post('user_id')
    );
    $insert = $this->db->insert('event', $new_member_insert_data);
    return $insert;
}

where is `API_URL`? please do not tell me `API_URL` is php defined? it should be javascript variable. ELse you can use `` — Rotimi, Apr 25 '17 at 13:31
Tell us what is the error. `alert('No Connection! Error is: ' + error );` — Louys Patrice Bessette, Apr 25 '17 at 13:38
Do some basic debugging. Without basic troubleshooting details all we can do is ask 20 questions — charlietfl, Apr 25 '17 at 13:42
I just replaced `API_URL` for the sake of asking the questin here, sorry I should have mention that. and the error is `No Connection! error is: parsererror` — Tarek Alabbar, Apr 25 '17 at 13:47
@TareqAl-Abbar Show us the response from the server in the networking tab in inspect element — Toby Mellor, Apr 25 '17 at 13:48
Possible duplicate of [jQuery returning "parsererror" for ajax request](http://stackoverflow.com/questions/5061310/jquery-returning-parsererror-for-ajax-request) — Louys Patrice Bessette, Apr 25 '17 at 13:49

score 0 · Answer 1 · answered Apr 26 '17 at 08:48

Remove the code from the function or try calling the function in the API.

//Call the function from your API
addevent();

function addevent()
{
   $new_member_insert_data = array(
     'eventname' => $this->input->post('eventname'),
     'eventdate' => $this->input->post('eventdate'),
     'eventdesc' => $this->input->post('eventdesc'),
     'user_id' => $this->input->post('user_id')
   );
   $insert = $this->db->insert('event', $new_member_insert_data);
   return $insert;
}

AJAX: send data from webpage to PHP API

1 Answers1