使用AJAX将数据发布到PHP

时间:2015-03-09 17:18:20

标签: javascript php jquery ajax json

我试图用AJAX向PHP发送数据。我已经尝试使用JSON发送它,使用$ .post和$ .ajax,但它只是 - 它返回注意:未定义索引:id在C:\ xampp \ htdocs \ PHP Test \ db \ editform.php on第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>

3 个答案:

答案 0 :(得分:0)

您实际上是在发送两个请求:

  //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();
});

答案 1 :(得分:0)

这是我目前通过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'];

答案 2 :(得分:0)

您是否尝试过将要发布的数据解析为JSON对象?

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

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