Question

我有一个页面，我想向大djs /收音机等发送独家音乐发布。

主要功能是：

他们需要留下关于音乐的反馈，然后他们可以下载曲目！

我已经通过大量网站获得答案，但我没有找到任何有用的提示！

以下是ajax的帖子：

  <script>
$(document).ready(function(){
    $('#submit').click(function() {
        $.ajax({ 
            type: "POST",
            url: "send.php",
            data: $("#feedbackpanel").serialize(),
            success: function(data){
                       $("#download-button").removeAttr('disabled');            
            }
        }); 
    });
    return false; 
});
</script>

以下是表格：

<form id="feedbackpanel">
<br/>
    Artist/Producer Name:<br/><br/> <input type="text" name="name" pattern=".{3,}" placeholder="Let us know who you are! :)"  style="width:150px" title="Thats your name? :)" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;"  /><br/><br/>

    Leave your feedback here: <br/> <br/>
    <input title="Please 10 character at least!" type="text" name="feedback"  pattern=".{10,}"  placeholder="At least 10 character..."  onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;"  style="height: 50px; width:300px"/><br/><br/>

<input type="submit" id="submit" name="submit" value="Submit" style="font-size: 14px; color: white; border:1px solid transparent" />

<input type="button" id="download-button" value="download" onclick="location.href='filedestination/filename.zip';"  disabled="disabled" />

</form>

问题是什么？

请帮帮我！

谢谢！

Answer 1

您正在提交表单并查看该页面的新副本，而不是进行AJAX调用。

：使用“常规”按钮，而不是type="submit"

或：捕获函数中的事件并使用event.preventDefault();

 $('#submit').click(function(event) {
    event.preventDefault();
    ...your existing code...

AJAX发布后未启用下载按钮

1 个答案: