-2

こんにちは、私は Web 開発の新しい学習者です。

ユーザーが送信ボタンをクリックした後、フォームを含むページがあり、ボタンはフォームのコンテンツを次のページに送信して実行し、データベースに保存します。

そのため、私のページは別のページに移動して実行し、ランディング ページに戻ります。

例: index.php と exec.php

index.php:

<form name="g-form" action="gbtn-exec.php" method="post" class="goat-vote" onsubmit="return validategForm()">
<input type="text" name="g-product" placeholder="Brand / Product Name" style="-moz-border-radius: 5px; border-radius: 5px; padding-left:20px; opacity:.5; border:none; margin-left:110px; width:440px; height:38px; font-family:'Proxima Nova Rg';color:#000; font:1.6em;" />


<p class="g-question">Why you love it?</p>

<textarea name="g-reason" style="-moz-border-radius: 5px; border-radius: 5px; padding:5px; opacity:.5; border:none; margin-left:110px; width:450px; height:150px; font-family:'Proxima Nova Rg';color:#333; font-size:1em;"></textarea>

<input name="g-btn" class="vote-btn" type="submit" value="vote" style="margin-left:470px; cursor:pointer;"></form>

exec.php

if ($_POST["g-product"] && $_POST["g-reason"] != "" )
{
$gproduct = $_POST["g-product"];
$greason =  $_POST["g-reason"];

$insert ="INSERT INTO jovine.vote (vote_id ,product_name ,reason ,type) VALUES (NULL, '$gproduct', '$greason', 'goat')";
$result = mysql_query($insert,$con);
echo "<script>";
echo "alert('Thank you. Your vote has been recorded.');";
echo "window.location.href='index.php';";
echo "</script>";
}

私の質問は、ajax を使用してバックグラウンドで exec.php を実行するにはどうすればよいですか? ありがとう！

4

1 に答える 1

3

jQuery にタグを付けたので、HTTP リクエストをexec.phpファイルに送信するだけです。

$('.vote-btn').on('click', function() {
    $.ajax({
      url: "exec.php",
      data: { g-product: $('#g-product').val(), g-reason: $('#g-reasons').val() }
    }).done(function() {
      alert('Thank you. Your vote has been recorded.');
      window.location.href='index.php';
    });
});
于 2013-09-23T08:58:06.187 に答える