Ajax POST请求成为GET请求

时间:2014-04-01 22:17:25

标签: javascript php jquery ajax json

我正在尝试使用Redis,并希望构建一个简单的前端/后端设置来测试它并进行练习。前端是HTML / Javascript / JQuery,后端是PHP / Apache / Redis。基本上,我想向后端发送一个帖子请求并收到一个响应,然后我会在Web控制台上显示。要发送请求,我使用了JQuery:

var data = $("#login_form :input").serializeArray();

var username = data[0]['value'];
var password = data[1]['value'];

$.ajax({
        type: "POST",
        url: "http://localhost/Convo/user.php?jsoncallback=%3F",
        dataType: "json",
        cache: false,
        data: { username: username, password: password, method: "create" },
        success: function(text){console.log("awesome");}
        });

我在Firefox上使用Firebug来查看实际情况。在Firebug中,我看到一个GET请求被触发而不是POST。附加到url的jsoncallback字符串可能是原因,但没有它,我根本得不到响应。作为旁注,我期待json回应。这是我的PHP代码:

    error_reporting(E_ALL);
ini_set('display_errors', '1');
require 'Predis/Autoloader.php';
Predis\Autoloader::register();

$body = array();
$head = array();

$redis = new Predis\Client(array(
        'scheme' => 'tcp',
        'host'   => '127.0.1.1',
        'port'   => 6379,
));

if(!$redis)
{
    $body['status'] = "fail";
    $body['message'] = "unable to connect to database";
    $head['body'] = $body;

    header('Content-type: application/json');
    echo json_encode($head);
    exit;
}
else
{
    $body['status'] = "success";
    $body['message'] = "connected to database!";
    $head['body'] = $body;
    $jsoncallback = $_POST['jsoncallback'];

    header('Content-Type: application/json');
    echo $jsoncallback . '(' . json_encode($head) . ')';
    exit;
}

jsoncallback的东西是获得响应的唯一方法,但是如何在没有它的情况下成功启动真正的POST请求?

2 个答案:

答案 0 :(得分:5)

这可能是因为你使用jsonp作为dataType,jsonp不支持POST请求。

编辑:尝试使用其他参数发送jsoncallback参数:

$.ajax({
        type: "POST",
        url: "http://localhost/Convo/user.php",
        dataType: "json",
        cache: false,
        data: { username: username, password: password, method: "create", jsoncallback: "%3F" },
        success: function(text){console.log("awesome");}
        });

答案 1 :(得分:0)

似乎将此行添加到我的php文件修复了问题:

header('Access-Control-Allow-Origin: *');

我知道这不是最好的做法,但我在绳子的最后。这是一个跨站点禁止,阻止回复返回我的前端。我也知道有一种方法可以过滤这个,这样只有某些网站才能发出请求。