jquery ajax 不起作用 - 成功和错误 [关闭]答案

【问题标题】：jquery ajax dont works - succes and error [closed]jquery ajax 不起作用 - 成功和错误 [关闭]
【发布时间】：2014-06-14 04:51:00
【问题描述】：

PHP 代码有效，但函数成功和错误不起作用。

$('#block-button-send').click(function() {                                  
    $.ajax({
        url: 'code.php',
        data: {mail: $('#block-email').val(), blok: "Název", name: $('#block-name').val(), tel: $('#block-tel').val()},
        success: function() {
            $('#block-message').appendTo('Zpráva odeslána').addClass('good').slideUp();
        },
        error: function() {
            $('#block-message').appendTo('Zpráva neodeslána').addClass('bad').slideUp();
        }
    }); 
});

谢谢

【问题讨论】：

javascript 控制台说什么？
在哪里可以找到 javascript 控制台，我不使用它
在大多数浏览器上使用键盘快捷键CMD + SHIFT + i、12，在Mac OS-X 下使用CMD + ALT + i。否则在菜单上（附加 > 工具，..）
显示相关的 HTML。
stackoverflow.com/help/how-to-ask

标签： javascript php jquery ajax

【解决方案1】：

尽管您没有说明确切的问题是什么，但您使用了错误的函数：appendTo 尝试将 $('#block-message') 附加到 Zpráva neodeslána 元素（不存在）。

您需要类似append()、text() 或html() 函数。

例如：

$('#block-message').text('Zpráva odeslána').addClass('good').slideUp();

【讨论】：

这样，文本被添加到 div，但动画不起作用
@popy 添加一个 html 元素并为其设置动画。
我不明白你应该怎么做
只有动画 (slideUp) 不起作用，但向元素添加 clas 并添加文本起作用
@popy slideUp() 隐藏元素，如果要显示，需要slideDown()。

【解决方案2】：

如果您查看 jQuery 的 append() 和 appendTo() 文档，您会发现 appendTo 的工作顺序与您使用它的顺序相反：

$( "Zpráva odeslána" ).appendTo( "#block-message" ).addClass('good').slideUp();

这是文档：jquery appendTo()

它应该如何查找您的示例，因为您正在获取文本并将其附加到元素。

当它怀疑时，说出来（大声）。希望对您有所帮助！

【讨论】：

很抱歉。这是一个非常基本的例子。 jsfiddle.net/yHWYL 我将 appendTo 和 slideDown 分开（正如@jeroen 提到的那样），以便更清楚地了解发生了什么。
如果你在 2 行上做，那没关系，但我没试过，所以这就是为什么它不起作用
还值得一提的是，在我的示例中，我在文本中添加了一个
标记。 appendTo 只会追加元素。 @jeroen 的答案使用 .text() 这是正确的方法。