12

我正在尝试使用 jQuery 中的 POST 方法来发出数据请求。所以这是html页面中的代码：

<form>
Title : <input type="text" size="40" name="title"/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
    var title=f.title.value;
    $.ajax({
      type: "POST",
      url: "edit.php",
      data: {title:title} ,
      success: function(data) {
        $('.center').html(data); 
      }
    });
}
</script>

这是服务器上的 php 代码：

<?php

$title = $_POST['title'];
if($title != "")
{
    echo $title;
}

?>

根本没有发出 POST 请求，我不知道为什么。这些文件位于 wamp www 文件夹中的同一文件夹中，因此至少 url 没有错误。

4

6 回答 6

10

您需要使用data: {title: title}POST 正确。

在 PHP 代码中，您需要echo使用 value 而不是returning 它。

于 2012-06-07T17:05:15.773 回答
5

检查 title 是否有任何值。如果不是，则使用 Id 检索值。

<form>
Title : <input type="text" id="title" size="40" name="title" value = ''/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
    var title=jQuery('#title').val();
    $.ajax({
      type: "POST",
      url: "edit.php",
      data: {title:title} ,
      success: function(data) {
    $('.center').html(data); 
}
});
}
</script>

试试这个代码。

在 php 代码中，使用echo而不是return。只有这样，javascript 数据才会有价值。

于 2012-06-07T17:15:45.713 回答
1

试试这个

$(document).on("submit", "#form-data", function(e){
    e.preventDefault()
    $.ajax({
        url: "edit.php",
        method: "POST",
        data: new FormData(this),
        contentType: false,
        processData: false,
        success: function(data){
            $('.center').html(data); 
        }
    })
})

在表单中，按钮需要是type="submit"

于 2019-05-02T18:59:05.237 回答
0

我建议您使用更简单的方法 -

$.post('edit.php', {title: $('input[name="title"]').val() }, function(resp){
    alert(resp);
});

试试这个，我只是觉得它的语法比 $.ajax 的更简单......

于 2012-06-07T18:12:25.063 回答
0 
function signIn()
{
    var Username = document.getElementById("Username").value;
    var Password = document.getElementById("Password").value;

    $.ajax({
        type: 'POST',
        url: "auth_loginCode.jsp",
        data: {Username: Username, Password: Password},
        success: function (data) {
            alert(data.trim());
            window.location.reload();
        }
    });
}
于 2021-05-15T05:08:05.487 回答
-1 
contentType: 'application/x-www-form-urlencoded'
于 2019-05-20T12:28:43.830 回答