原型转换ajax.updater

时间:2012-12-21 09:56:10

标签: javascript jquery ajax

我有一个网站,当前使用原型,我试图摆脱。这是使用它的唯一3个功能。

我整个上午都在尝试转换这些,但是因为我对jquery的理解并不是很好,所以我很努力。

function GetCountries() {    
  new Ajax.Updater('country_list','site_countries.php', {parameters: '&onchange=1', onComplete: GetRegions});
}


function GetRegions() {    
  new Ajax.Updater('region_list','site_regions.php', {parameters: '&regionID='+$('regionID').value+'&countryID='+$('countryID').value+'&onchange=1', onComplete: GetTowns});
}

function GetTowns() {
  new Ajax.Updater('town_list','site_towns.php', {parameters: '&regionID='+$('regionID').value+'&countryID='+$('countryID').value});
}

这是我想出来的,但它不起作用:

function GetCountries() { 
    $.ajax({
    type: "POST",
    url: "site_countries.php",
    data: '&onchange=1',
    success: function( transport ){
        $('#country_list').html(transport.responseText)
        GetRegions
    }
});
}

调用的页面只返回一个选择下拉列表,该列表替换页面上名为country_list的span中的一个,然后它调用GetRegions,它会执行相同的操作。

任何帮助都会受到极大的欢迎!

史蒂夫

1 个答案:

答案 0 :(得分:2)

您提供data字段的方式可能是此处的问题。 尝试以下内容:

$.ajax({
    type: "POST",
    url: "site_countries.php",
    data: {onchange: 1},
    success: function( transport ){
        $('#country_list').html(transport.responseText)
        GetRegions
    }
});

OR

function GetCountries() { 
    $("#country_list").load("site_countries.php", {onchange: 1}, function(){
        // call your GetRegions() here
    });  
}