AJAX：WebページからPHP APIにデータを送信

Question

ウェブページからサーバーAPIにデータを送信しようとしていますが、それでも に接続していません。あなたがコードで見るように。 注：サーバー、データベース、APIは動作しています。なぜなら、私がここでやろうとしているのと同じ電話アプリケーションで、データベースにイベントを送信しているからです。ここ は、Webページのコードです：関数からコードを削除するか、APIの関数を呼び出してみてください

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

Answer 1

：

 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!'); 
      } 
     }); 
    } 

そして、ここではそれが接続するPHPの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; 
}