成功后调用Ajax函数

9
我正在处理一个网站,我们从XML文件获取信息。这很好用,但现在我需要用内容制作滑块。为此,我将使用声称可以通过调用回调函数来动态加载内容的jCarousel。
然而,在成功时调用函数时我无法进行初始ajax加载。我做错了什么?
$(document).ready(function() {
    $.ajax({
        type: "GET",
        //Url to the XML-file
        url: "data_flash_0303.xml",
        dataType: "xml",
        success: hulabula()
    });

    function hulabula(xml) {
            $(xml).find('top').each(function() {
                var headline = $(this).find('headline1').text();
                var headlineTag = $(this).find('headline2').text();

                $(".wunMobile h2 strong").text(headline + " ");
                $(".wunMobile h2 span").text(headlineTag);
            });

            ..............

我做错了什么吗?还是说我需要去另外一个地方找? :-)

3个回答

16
请使用hulabula而不是hulabula(),或者直接将函数传递给ajax选项:

1.

$.ajax({
    type: "GET",
    //Url to the XML-file
    url: "data_flash_0303.xml",
    dataType: "xml",
    success: hulabula
});

2.

$.ajax({
    type: "GET",
    //Url to the XML-file
    url: "data_flash_0303.xml",
    dataType: "xml",
    success: function(xml) { /* ... */ }
});

1
如何传递数据对象?(在这种情况下是XML) - Usman Ahmed

4

使用 $.when

function hulabula(xml) {
            $(xml).find('top').each(function() {
                var headline = $(this).find('headline1').text();
                var headlineTag = $(this).find('headline2').text();

                $(".wunMobile h2 strong").text(headline + " ");
                $(".wunMobile h2 span").text(headlineTag);
            });
}


var ajaxCall  = $.ajax({
        type: "GET",
        //Url to the XML-file
        url: "data_flash_0303.xml",
        dataType: "xml"
    });

//Use deferred objects

$.when(ajaxCall)
 .then(function(xml) { hulabula(xml); });

hulabula 没有被关闭。它应该在哪里关闭? - curly_brackets

0
你可以这样做:
   $.post( "user/get-ups-rates", { cart_id: cart_id, product_id: product_id, service_id:service_id })
    .done(function( data ) {
         el.parent().find('.upsResult').html('UPS Shipping Rate Is $'+data.rate);
    })
    .fail(function(data) {
          el.parent().find('.upsResult').html('<p style="color:red">UPS Service Error Occured. </p>');
     })
     .complete(function (data) {   
         setShippingOptions(cart_id,product_id,service_id,data.rate);
    });

在“完成”而不是“完成”或“成功”中调用函数


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接