使用JQUERY的AJAX POST请求

时间:2016-05-03 08:25:15

标签: php jquery ajax post

所以我试图用AJAX来实现日历 - fullCalendar,以便Ill能够在数据库中存储事件。我按照http://developer-paradize.blogspot.si/2013/06/jquery-fullcalendar-integration-with.html进行了操作,但它并没有添加事件。我修改了我的代码,并且存储了通过POST请求在数据库中收集的数据的PHP脚本,当我向Postman发送请求时似乎工作正常,但是当我尝试使用AJAX发布时没有任何反应。 用于在数据库中添加事件数据的PHP脚本:

<?php
$title = $_POST['title'];
$start = $_POST['start'];   
$end = $_POST['end'];   
$url = $_POST['url'];

try {
    $bdd = new PDO('mysql:host=localhost;dbname=tracksto', 'admingZZX92g', 'LwQ1Wwi6N2I3');
} catch(Exception $e) {
    exit('Unable to connect to db.');
}

$sql = "INSERT INTO evenement (title, start, end, url) VALUES (:title, :start, :end, :url)";
$q = $bdd->prepare($sql);
$q->execute(array(':title'=>$title, ':start'=>$start, ':end'=>$end, ':url'=>$url));

我的AJAX电话:

var data = { "title":"Gregor", "start":"2016-05-10 00:00:00", "end":"2016-05-10 00:00:00", "url":"www.renting.si" };
       $.ajax({
           url: '"http://localhost/gui/calendar/add_events.php',
           contentType: "application/x-www-form-urlencoded; charset=utf-8",
           data: data,
           type: "POST",
           success: function(json) {
                alert('Added Successfully');
           }

      });

如果我有变量title,start,end,url defined并将数据设置为:

data: 'title='+title+'&start='+start+'&end='+end+'&url='+url,
同样的事情,没有任何反应。 在POSTMAN中,请求如下所示: POSTMAN POST request

脚本通常处理此请求并将数据存储在数据库中。我的AJAX呼叫是错误还是还有其他什么?

1 个答案:

答案 0 :(得分:-1)

您可以尝试:

var data = {
    "title":"Gregor",
    "start":"2016-05-10 00:00:00",
    "end":"2016-05-10 00:00:00",
    "url":"www.renting.si"
};
var url = "http://localhost/gui/calendar/add_events.php";

$.post(url, data, function (json) {
    alert("Success here");
});

小心,在你的代码中,你在'http'之前的这一行有一个双引号:

 url: '"http://localhost/gui/calendar/add_events.php',