Question

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

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

我想要做的是使用ajax和jquery来获得form =＆gt;完成/确认而不发送到另一页。

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

PHP :( confirmation.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（无页面刷新）方法。

提前感谢您的帮助。

Answer 1

你必须在ajax调用中设置data参数，这样的事情应该有效：

<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

的更多信息

Answer 2

你没有在你的ajax帖子中发送任何数据，因为这个变量$ color在confirm.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);
    }

jquery.ajax请求中的php变量

2 个答案: