0

我在 php 文件中有一个表单，它接受用户输入的值并将数据发送到 .txt 文件中。

现在它在填写表格时工作正常，单击“提交”按钮并将用户发送到“确认/完成”页面，同时将接收到的数据放入 .txt 文件中。

我想要做的是使用 ajax 和 jquery 让表单 => 完成/确认而不被发送到其他页面。

问题是用户数据现在没有传输到 .txt 文件。

PHP：（确认.php）

<?php
  $color = $_POST['color'];
  $fp = fopen('userdata.txt', 'w');
  $valstring = "What Color: " . $color . "\r\n";
  fwrite($fp, $valstring);
  fclose($fp);
?>

AJAX/JQUERY：（从 form.php 中单击的按钮）

$(document).ready(function() {

var cir = {
    load: $('<div />', { class: 'loading' }),
    contain: $('#contain')
}

$('input[type="submit"]').on('click', function(e) {
e.preventDefault();

    $.ajax({
        url: 'confirmation.php',
        type: 'POST',
        beforeSend: function() {
            cir.contain.append(cir.load);
        },
        success: function(data) {
            cir.contain.html(data);
        }
    });
});

});

当使用上面的 ajax 时，userdata.txt 文件只有What Color:输入。用户选择的$color值未被识别。

我知道代码可以在没有 ajax 的情况下工作，但如果可能的话，我希望使用 ajax（无页面刷新）方法。

提前感谢您的帮助。

4

2 回答 2

1

您必须data在 ajax 调用中设置参数，这样的事情应该可以工作：

<form>
   <select name="color" id="color">
      <option value="Red">Red</option>
      <option value="Green">Green</option>
   </select>
   <select id="age">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
   </select>
   <input type="text" id="name" />
   <input type="submit" value="SEND" />
</form>

$('input[type="submit"]').on('click', function(e) {
  $.ajax({
     url:'confirmation.php', 
     type:'POST',
     // get the selected values from 3 form fields
     data:'color=' + $('#color').val() + 
          '&age=' + $('#age').val() + 
          '&name=' + $('#name').val(),
     success:function(data) {
        // ...
     }
  });
  return false;
});

您可能应该阅读更多关于jQuery.ajax的信息

于 2013-07-05T14:09:57.093 回答
0

您没有在 ajax 帖子中发送任何数据，因此变量 $color 在confirmation.php 中为空，请尝试更改：

$.ajax({
    url: 'confirmation.php',
    type: 'POST',
    beforeSend: function() {
        cir.contain.append(cir.load);
    },
    success: function(data) {
        cir.contain.html(data);
    }

和：

var formColor = $("#colorId").val(); //where ColorId it's the color input type ID 
$.ajax({
    url: 'confirmation.php',
    type: 'POST',
    data: { color: formColor },
    beforeSend: function() {
        cir.contain.append(cir.load);
    },
    success: function(data) {
        cir.contain.html(data);
    }
于 2013-07-05T14:13:26.890 回答