3

モーダルjQueryフォームを送信しようとしています。ほんの少しの調整でサイトからコードをほとんど取り出し、javascriptを独自のファイルに移動しました。

AJAXを介して試行しているphpスクリプトに渡すフォーム情報を取得するのに苦労しています。フォームのserializedArray（）をプルすると、フォームの各要素に対して[objectObject]が取得されます。これが機能するようになるまで、phpをメールフィールドだけに簡略化しました。私はこれの背後にある論理を誤解していますか？

HTML

<div id="dialog-form">
        <form id="sign_up_form" name="sign_up_form" method="post">
            <fieldset>
              <label for="name">Name*</label>
              <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
              <label for="email">Email*</label>
              <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
              <label for="password">Password*</label>
              <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
              <label for="code">Code</label>
              <input type="code" name="code" id="code" value="" class="text ui-widget-content ui-corner-all" />
            </fieldset>
        </form>
    </div>

JQuery-bValidはフォーム検証であり、期待どおりに機能します

$(  "#dialog-form"  ).dialog({
    autoOpen: false,
    height: 300,
    width: 350,
    modal: true,
    buttons: {
        "Create an account": function() {

        var data_string = $( "#sign_up_form" ).serializeArray();

        alert(data_string);

        if ( bValid ) {
            $.ajax({
                type: "POST",
                url: url,
                dataType: "json",
                data: data_string,
                success: function(data){
                    alert(data)
                }
            });
            $( this ).dialog( "close" );
        }
      },
      Cancel: function() {
        $( this ).dialog( "close" );
      }
    },
    close: function() {
      allFields.val( "" ).removeClass( "ui-state-error" );
    }
});

PHP

if (isset($_POST['email'])) {
    $jsonReceiveData = $_POST['email']; 
}
else{
    $jsonReceiveData = "didn't pass";
}
echo json_encode($jsonReceiveData);
4

1 に答える 1

6

var data_string = $( "#sign_up_form" ).serialize();の代わりに使用してくださいvar data_string = $( "#sign_up_form" ).serializeArray();。serializeArray（）は、クエリ文字列ではなく配列を返します

。シリアライズ（）

于 2013-03-25T02:19:43.590 に答える