jquery - 我在 jquery 提交中有一些不好的地方

Question

我尝试通过 jquery 发送表单，但没有用我把我的代码放在这里，在这段代码中我把脚本放在 jquery 和我用来发送这个简单表单的 html 代码中：

查询脚本

<script>
jQuery(document).ready(function() {

var data = jQuery('#form1').serialize(); 
jQuery.ajax({
data: data,
cache: false,
url: '<?php echo $PHP_SELF;?>',
type: 'POST',
async:false,  
success: function() 
{
jQuery("#okok").show(); 
};

});

});

</script>

HTML CODE

<div id="okok" style="display:none;"></div>


<form id="form1" name="form1" method="post" action="" onsubmit="return false;">
<p>
<input type="text" name="title" id="textfield" class="cp_input_asesor"/>
</p>


<input type="submit" name="button" class="cp_submit_asesor" value="Send" />
</p>
</form>

谢谢，最好的问候！

Answer 1

当在表单上触发提交事件时，代码应该触发 ajax 请求。#form1为发送 ajax 请求的提交事件指定事件处理程序。目前，将在页面加载并且表单很可能为空时设置 ajax 请求。

jQuery(document).ready(function() {
    $("#form1").submit(function(e){
        e.preventDefault();
        var data = jQuery('#form1').serialize(); 
        jQuery.ajax({
            data: data,
            cache: false,
            url: '<?php echo $PHP_SELF;?>',
            type: 'POST',
            async:false,  
            success: function(){
               jQuery("#okok").show(); 
            }
         });
    });
});