1

そのため、Ajax でフォームを送信する方法が完全にわかりません。私はJavascriptにかなり慣れていないので、頭がいっぱいではないことを願っています。

フォームで [送信] をクリックしても、情報を保存する必要がある SQL データベースではなく、ページでは何も起こりません (プロセス フォームも二重チェックされます)。

誰かが喜んで助けてくれる場合のコードは次のとおりです。

Javascript:

$(document).ready(function() {
    $('#form').submit(function() {
        $.ajax({
            url: "../process.php",
            type: "post",
            data: $(this).serialize()
        });
    });
});

HTML:

<form name="contact" method="post" action="" id="form">

    <span id="input">
        <input  type="text" name="first" maxlength="50" size="30" title="First Name" class="textbox">
        <input  type="text" name="last" maxlength="80" size="30" title="Last Name" class="textbox">
        <input  type="text" name="email" maxlength="80" size="30" title="Email" class="textbox">
        <textarea  name="request" maxlength="1000" cols="25" rows="6" title="Request"></textarea>
    </span>

    <input type="submit" value="Submit" class="submit">   

</form>
4

2 に答える 2

1 
$('#form').submit(function(e) {
    e.preventDefault(); //prevents the page from refreshing
    var $this = $(this); // cache $(this) for later use
    $.ajax({
        url: "../process.php",
        type: "post",
        data: $this.serialize()
    });
});

また、dataTypeプロパティに関係している可能性があります。とか、いろいろ。

于 2012-10-02T03:38:34.010 に答える
0

送信ボタンの代わりに入力タイプのボタンを使用します。ユーザーがクリックイベントを使用してボタンをクリックすると、フォームフィールドが検証されます。検証に合格すると、ajaxが呼び出されます。

このようなもの、

 <input type="button" value="Submit" class="submit">   

jQuery(function(){
jQuery('.submit').click(function(){
    if(validatemyform()){
    //call ajax here
}
});
});
于 2012-10-02T06:03:32.403 に答える