如何在$ .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;

}

}）;

}