通过Ajax Success附加HTML

时间:2014-06-04 15:30:37

标签: javascript php jquery html ajax

我想知道如何通过我的Ajax在其成功上添加信息。这就是我所拥有的:

HTML / PHP按钮:

<input class="canjear btn" type="button" value="<?php echo JText::_('COM_CUPHONEO_BOTON_CANJEAR'); ?>" data-id="<?php echo $valor->item_id; ?>" />

JAVASCRIPT代码:

<script>
jQuery(function(){
    jQuery(".canjear").click(function(e){
        if(this.tagName==="A"){
            e.preventDefault();
        }

//$(this).data("key") will return the value at the named data which is set by HTML5 data-* attribute
        jQuery.ajax({
            url: "index.php?option=com_cuphoneo&task=miscuponess.canjearCupon",
            type: "POST",
            data: {id:jQuery(this).data("id")},
            success: window.location.href = "index.php?option=com_cuphoneo&view=miscuponess&layout=default"
        })
        .done(function(data){
            alert(data);
            }
        });
    });
});
</script>

PHP功能调用:

这是一个很大的功能,但总结一下,它是一个返回数据的查询,还有其他验证。

如果您需要更多信息,请告诉我

我试图追加的信息是我在Ajax中调用的PHP Function中获得的信息。

感谢。

1 个答案:

答案 0 :(得分:0)

@MONZTAA

您正在尝试使用彼此交替的功能。

弃用注意:从jQuery 1.8开始,不推荐使用jqXHR.success(),jqXHR.error()和jqXHR.complete()回调。要准备最终删除的代码,请改用jqXHR.done(),jqXHR.fail()和jqXHR.always()。

反过来你应该只用这个:

$.ajax({

url: "index.php?option=com_cuphoneo&task=miscuponess.canjearCupon",
type: "POST",
data: {id:jQuery(this).data("id")}
})
.done(function( msg ) {
   alert( "Data Saved: " + msg );
});