php - 我在 php 上使用 ajax 发送的值时总是出现错误

Question

我真的被ajax困住了，

我使用表单标签将值简单地发送到 PHP 文件没有问题。 但我想使用 jquery 和 ajax 让我的程序更加奇特。 我完全被困了几天。

我想做的是，当我单击某些文本(代码中的学习进度)时，它会变成一个编辑框 当我完成编辑时，它发送到变量“name”并在 PHP 中更新。 所以我必须以某种方式发送ajax中编辑框中的值， 但我一直有

" Undefined index: name "

我在谷歌上搜索了很多，但找不到适合我的答案。 我可以从这里得到一些帮助吗？

我想将我编辑的值放入变量 name ； 并想在服务器端检查。

如何将我编辑的值放入变量name并发送 到 POST 中的 php 并检查服务器？

这是我迄今为止编写的代码。

======HTML======

<meta charset="utf-8">

<script src="https://ajax.googleapis.com/.../jquery/3.2.0/jquery.min.js"></script>

<div id="fullname">study progress</div>


<script>
  $('#fullname').click(function(){
    var name = $(this).text();
    $(this).html('');
    $('<input></input>')
      .attr({
        'type': 'text',
        'name': 'fname',
        'id': 'txt_fullname',
        'size': '50',
        'value': name
    })
    .appendTo('#fullname');
$("#txt_fullname").focus().val("").val(name); 
});


$(document).on('blur','#txt_fullname', function(){
var name = $(this).val();
$.ajax({
  type: 'POST',
  url: 'practice_check.php',
  data : { "name" : name },
success: function(){
    $('#fullname').text(name);
     alert(name);
     location.replace("practice_check.php");
  }
});
});


</script>

======PHP (practice_check.php) ======

<?php
$name = $_POST["name"];
echo $name;
?>

Answer 1

你错了。您需要指定 url，如果您想在 PHP 中获取数据，则需要添加数据。我做了一个简单的代码。您可以通过此链接查看完整详细信息:http://api.jquery.com/jquery.ajax/

data Type: PlainObject or String or Array Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting

var name = 'abc';

$.ajax({
    url: 'practice_check.php',
    type: 'POST',
    data: {name: name},
})
.done(function() {
    console.log("success");
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});