$ .ajax(类型:"POST"POST方法到php

Question

我正在尝试在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没有错.

Answer 1

你需要用data: {title: title}它来正确地发布它.

在PHP代码中,您需要echo使用值而不是return它.

Answer 2

检查标题是否有任何价值。如果没有，则使用 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 数据才会有价值。