mootools 中的动态下拉菜单未在 IE7 中填充。在 IE8 下工作正常

Question

我正在触发 ajax 调用来获取我在下拉列表中填充的 json 响应。

代码是：

var ajaxURL = "abc.ajax";
var fireAjax = new Request.JSON({
    url: ajaxURL,
    method:'GET',
    onSuccess:function(resultjson){

                if(resultjson.length!=0){
                    var elSelect = new Element('option',{'html':'First component','value':'All'}).injectInside($('vehicletype'));
                    resultjson.each(function(vName){

                    var elOptions = new Element('option',{'value':vName,'selected':'selected' }).setHTML(vName).injectInside($('vehicletype'));


                    });

                    sschecker[0].registerAnotherElement($('vehicletype'));


                }

            }


}).send();  

这在 IE8、firefox 等中运行良好。

Answer 1

没有理由它不能在 IE7（甚至 IE6）上运行。

我已经测试了您的代码（并更改了一些内容）：

var ajaxURL = "/echo/json/";
var fireAjax = new Request.JSON({
    url: ajaxURL,
    method:'POST',
    data: {
        json: JSON.encode({
            opt1: 'option 1',
            opt2: 'option 2'
        })
    },
    onSuccess:function(resultjson){
                if(resultjson.length!=0){
                    var elSelect = new Element('option',{'html':'First component', 'value':'All' }).injectInside($('vehicletype'));
                   Object.each(resultjson,function(value,key){
                       new Element('option',{'value':key,'html':value}).inject($('vehicletype'));
                       //sschecker[0].registerAnotherElement($('vehicletype'));
                   });

                }
            }
}).send();  

我已将方法更改为 POST 并添加了数据..只是为了能够在 jsfiddle http://jsfiddle.net/F7G9Y/2/.. 在我看来，它在 IE7 上工作（没有 IE6 sry）

（并且我的经验），这通常是由于 JSON 格式错误，大多数时候是因为额外的逗号。所以像这样的 json 字符串：

{ 
  'foo':'Foo',
  'bar':'Bar', //<-extra coma here
}

在 Firefox、Chrome 中可以，但在 IE 上不行

希望这会有所帮助