0

私は自分のフォームにその結果を PHP ファイルに送信させようとしてきました。その後、クエリが実行され、結果が出力されます。私のPHPファイルは、標準のPHP $ _GETメソッドで渡された変数を使用してクエリで動作しますが、苦労している値を渡すJquery AJAXで動作させようとしています。どんな助けでも大歓迎です。ここに私が現在いるものがあります：

HTML ファイル

<div id="content">
  <div id="options">
    <form id="form1">
      <table>
        <tr>
          <td>Date:</td>
          <td><input name="date" type="text" id="datepicker" /></td>
        </tr>
        <tr>
          <td>Size:</td>
          <td><input name="size" type="text" /></td>
        </tr>
        <tr>
          <td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
        </tr>
      </table>
    </form>
  </div>
  <div id="result"> </div>
</div>

私の現在のスクリプトの試みは、details.php という名前の PHP ファイルとともにページの上部に挿入されました。

<script>
$('#form1').submit(function() {
  $.ajax({
    data: $(this).serialize(),
    type: $(this).attr('GET'), 
    url: $(this).attr('details.php'),
    success: function(response) {
      $('#result').html(response); 
    }
  });
  return false; // cancel original event to prevent form submitting
});
</script>

ありがとう

4

1 に答える 1

2 
$('#form1').submit(function(e) {
    e.preventDefault(); // stops form from submitting naturally
    $.ajax({
        data: $(this).serialize(),
        //type: 'GET', //'GET' is default, set to 'POST' if you want.
        url: '/details.php',
        success: function(response) {
            $('#result').html(response); 
        }
    });
});
于 2012-05-23T22:05:56.487 に答える