0

データ フォーム #send_form を別のページの #f_from に送信する際にサポートが必要です。

<script type="text/javascript">
function post_form() {
    $('#send_form').action = "form01.html";
    $('#send_form').submit();
    return false;    
}
</script>

<form id='send_form' action='form01.html' method='POST' onsubmit="post_form();">
<input type="text" name="f_in01" value="User" />
<input type="text" name="f_in02" value="12345" />
<input type="submit" />
</form>

form01.html

<script type="text/javascript">
function f_res()
{
    var res01=document.f_form.f_in01.value;
    var res02=document.f_form.f_in02.value;
    var result = res01 + " " + res02;
    document.f_form.f_out01.value=result;
}
</script>

<form id="f_form" onSubmit="f_res();return false;">
<input type="text" name="f_in01" /><br>
<input type="text" name="f_in02" /><br>
<br>
<input type="submit" onClick="f_res();" value="Enter w/Sub" /><br>
<input type="text" name="f_out01" />
</form>

今はうまくいきません。page01.html にデータが投稿されない

4

3 に答える 3

0

次のような AJAX が必要です。 

    $('#button').click(function(){
    $.ajax({
    type:"POST", //php method
    url:'process.php',//where to send data...
    cache:'false',//IE FIX
    data: data, //what will data contain (no SHIT Sherloc...)

    //check is data sent successfuly to process.php
    //success:function(response){
    //alert(response)
    //}

    success: function(){ //on success do something...

    $('.success').delay(2000).fadeIn(1000);

    //alert('THX for your mail!');
    } //end sucess 
    }).error(function(){ //if sucess FAILS!!
    alert('An error occured!!');
    $('.thx').hide();
    });
    });
于 2012-07-02T22:28:31.040 に答える
0

Amin の言うとおりですが、jQuery では、イベント ハンドラーが false を返すと、e.preventDefault(); e.stopPropagation(). 基本的に、イベントをキャンセルします。false ではなく true を返すようにしてください。

ページを変更したくない場合は、AJAX を調べてフォーム データを送信する必要があります。

于 2012-07-02T22:07:02.943 に答える
0

やってみました

$('#send_form').attr('action', "form01.html");

それ以外の

$('#send_form').action = "form01.html";

このフィドルをチェックしてください

于 2012-07-02T21:40:43.777 に答える