使用AJAX将数据发布到PHP

Question

我试图用AJAX将数据发送到PHP。 我已经尝试使用$ .post和$ .ajax的JSON发送它，但它所做的全部-它返回注意：未定义的索引：C：\\ xampp \\ htdocs \\ PHP Test \\ db \\ editform.php中的id在第7行

我究竟做错了什么？

的HTML

<form action="" method="post" class="usereditform">
  <input type="hidden" name="id" value="'.$db_row['id'].'">
  <input type="hidden" name="key" value="'.$_SESSION['security_key'].'">
</form>

jQuery的

$(document).on('click', '.edit_user', function (e) {
  e.preventDefault();

  var form = $(this).parent().find('form.usereditform');
  var post_url = 'db/editform.php';
  var post_data = form.serialize();

  $.ajax({
    type: 'post',
    url: post_url,
    data:post_data,
    success: function () {
      $('.edit_user_form_placeholder').load('db/editform.php');
      $('.edit_user_popup').fadeIn();
    }
  });
});

PHP-editform.php

$id = $_POST['id'];
echo $id;

的HTML

<div class="popup edit_user_popup" style="display:none;">
  <div class="popup_container">
    <div class="edit_user_form_placeholder"></div>
  </div>
</div>

Answer 1

您实际上正在发送两个请求：

  //first request with proper settings
  $.ajax({
    ...
    success: function () {
      //second request without any posted data
      $('.edit_user_form_placeholder').load('db/editform.php');
      ...
    }
  });

而是使用请求本身返回的数据。 使用$.post方法可以通过以下方式完成

$.post(post_url, post_data, function(result) {
                                  // ^- this is the data that gets returned by the request
    $('.edit_user_form_placeholder').html(result);
    $('.edit_user_popup').fadeIn();
});

Answer 2

这是我目前通过ajax与PHP进行通信的方式。 我发现它是最简单的方法，并且无需表格即可完成。

jQuery的

 var dataString = 'key1='+ value1 + '&key2='+ value2; //values you want to send
    $.ajax({
            type: "POST",
            url: "db/editform.php",
            data: dataString,
            cache: false,
            success: function(result){
            //success text
            }
     });

PHP-editform.php

并收到这样的消息。

$rowid = $_POST['key1'];
$securitykey = $_POST['key1'];

Answer 3

您是否尝试过解析要发布到JSON对象中的数据？

var post_data = JSON.stringify(form.serializeArray());

您传递给ajax调用的数据未在JSON对象中格式化。