Ajax表单只工作一次(Ajax form only work one time)

2019-10-18 07:05发布

我的脚本是这样看。 是的 ,这是从一个插件。 ,我不舒服的阿贾克斯。

我怎样才能得到这种形式来刷新,并能够采取输入一次后先提交?

<script>
jQuery(document).ready(function() { 
    var options = { 
        target: '#ps_output',      // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,     // pre-submit callback 
        success:       showResponse,    // post-submit callback 
        url:           '<?php echo $link; ?>'         // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php     
}; 

    // bind form using 'ajaxForm' 
    jQuery('#thumbnail_upload').ajaxForm(options); 
});

function showRequest(formData, jqForm, options) {
    //do extra stuff before submit like disable the submit button
    jQuery('#ps_output').html('Sending...');
    jQuery('#submit-ajax').attr("disabled", "disabled");
}

function showResponse(responseText, statusText, xhr, $form)  {
    //do extra stuff after submit
    jQuery('#submit-ajax').attr("enabled", "enabled");
}
</script>

非常感谢。

编辑

在回调函数结束die() 我读的只是为了能够检索功能的输出。 这是否结束AJAX吗?

Answer 1:

要启用,您可以设置disabled属性为false

jQuery('#submit-ajax').prop('disabled', false);

我也会改变你的代码,它会禁用;

jQuery('#submit-ajax').prop('disabled', true);

从jQuery的文档 :

所述.prop()方法应该被用来设置残疾人和检查,而不是.attr()方法。



Answer 2:

采用

jQuery('#submit-ajax').removeAttr("disabled");//to remove disabled attribue

代替

jQuery('#submit-ajax').attr("enabled", "enabled");


文章来源: Ajax form only work one time