如何在$ .ajax方法提交的表单中使用$ _POST方法获取数据

Question

JavaScript函数

function sub()
{
var url = "showpdf.php";
$.ajax({
    type: "post",
    url: url,
    success: function(response)
    {
        document.getElementById("alldata").innerHTML = response;
    }
});
}

我在html中调用这个函数是这样的：

<input type = "button" value="Go" onclick="sub()">

在showpdf.php文件中，我写了下面的代码来获取表单数据

$academic = $_POST['academic'];
$uni = $_POST['University'];

但是我收到了这个错误

未定义的索引：学术

Answer 1

您需要将数据输入到ajax调用中，此时您实际上并未向php脚本发送任何内容。

您可以按如下方式向ajax调用添加数据

function sub()
{
var url = "showpdf.php";
$.ajax({
    type: "post",
    url: url,
    data: {'academic': 'wiiiieee'},
    success: function(response)
    {
        document.getElementById("alldata").innerHTML = response;
    }
});
}

其中data是包含key-> value对的Object

Answer 2

将数据传递给ajax调用：

例如：

//将您的帖子数据输入这些变量

var University; 
var academic;

//并传递它

var dataString = 'academic='+ academic+ '&University=' + University;

$.ajax({
        type: "post",
        data: dataString,
        url: url,
        success: function(response)
        {
            document.getElementById("alldata").innerHTML = response;
        }
    });

Answer 3

您应该从输入字段获取数据并通过ajax post调用发送

function sub()
{
var url = "showpdf.php";
var university  = jQuery("#university").val(); //id of the university input field
var academic  = jQuery("#academic").val(); // id of the academic input field
$.ajax({
    type: "post",
    url: url,
    data: { university: university, location: academic },
    success: function(response)
    {
        document.getElementById("alldata").innerHTML = response;
    }
});
}

Answer 4

您没有通过ajax调用发送任何数据。

function sub(data)
{
    var url = "showpdf.php";

    $.ajax({
        type: "post",
        data: data,
        url: url,
        success: function(response)
        {
            document.getElementById("alldata").innerHTML = response;
        }
    });
}

var data = {"academic": "something", "University": "something else"};
sub(data);

Answer 5

你收到或发送数据？ 我不明白，如果您发送缺少DATA，您可以发送序列化形式如下：$（“＃form”）。serialize（）; ，＃form是ID

function sub（）{

var url =“showpdf.php”;

var dataString = $（“＃form”）。serialize（）;

$就（{

类型：“post”，

url：url，

data：dataString，

成功：功能（响应）

{

document.getElementById（“alldata”）。innerHTML = response;

}

}）;

}