jQuery的提交功能不起作用

Question

我正在开发一个网页，该网页可以动态创建带有各种选择标签的表单。 令人难以置信的是，jQuery提交功能将错误的信息传递给必须处理该信息的php文件（form_submit.php）； （netbeans 7.4）调试器始终在php文件的$ _POST中显示默认值（未选择），而不是选择值。 甚至更奇怪的部分：当我将带有序列化formdata的控制台输出（在下面的代码中）直接复制到以下ajaxcode（请参见代码）中时，php调试器会在$ _POST数组中显示正确的选定值。

产生的形式相当可观。 我能想到的唯一理论原因是因此执行了“ var dataAjax = $（this）.serialize（）;”。 需要时间并且在以下ajax调用开始时未完成...（??）

编码：

$("#myForm").submit(function(event){
event.preventDefault();

var dataAjax = $( this ).serialize(); //does not work, but when copying the string from the console in line below it does work.
console.log('SUBMITTED FORM: '+ dataAjax  );
//next line is only used as a test
//var dataAjax = 'agreementapproval0=SolarX_10&selected_emeterproductid0=SolarX_10_1_1&selected_eproductid0=SolarX_10_2_4&selected_emeterproductid1=NOSELECTION&selected_emeterproductid2=NOSELECTION&selected_eproductid1=NOSELECTION&selected_eproductid2=NOSELECTION&form_token=30688e467ee88167805ad0f330809d74';


    $.ajax({
        type: "POST",
        url: "form_submit.php",
        data: dataAjax, 
        dataType: "json",
        async: true,

        success: function(msg){
        if(msg.statusgeneral == 'success'){

        }
        else
        {

        }//else
        }, //succes: function   
        error: function(){

    $("#errorbox").html("There was an error submitting the form. Please try again.");
        }
    });//.ajax

//make sure the form doesn't post
//return false; //depreciated

//} //if(form.valid()

});//$("#myForm").submit()


<form id="myForm" name="myForm" action="" method="post">    
    <div id="wrapper"></div> <!--anchor point for adding set of product form fields -->  
    <input type="hidden" name="form_token" value="<?php echo $form_token; ?>" />
    <input type="submit" name="submitForm" value="Confirm">
</form>

Answer 1

它工作正常http://jsfiddle.net/a9DN4/

您可能在创建表单之前就已尝试对其进行挂钩，请尝试将代码包装为

$( document ).ready(function() {
  // Handler for .ready() called.
});

PS和移动event.preventDefault(); 就像凯文所说的那样。