0

ユーザーが入力した値を受け取り、データを.txtファイルに送信するフォームがphpファイルにあります。

フォームが入力され、「送信」ボタンがクリックされ、ユーザーが「確認/完了」ページに送信され、受信したデータが .txt ファイルに入れられると、正常に動作するようになりました。

私がやりたいのは、ajaxとjqueryを使用して、他のページに送信されることなくフォーム=>完了/確認を行うことです。

問題は、現在、ユーザー データが .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 (ページ更新なし) メソッドが必要です。

助けてくれてありがとう。

4

2 に答える 2

1

dataajax 呼び出しでパラメーターを設定する必要があります。次のようなものが機能するはずです。

<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投稿でデータを送信していません。このため、confirmation.phpで変数 $color が空です。これを変更してみてください。

$.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 に答える