0

私は Ajax を使用しており、JSON を使用してクロスドメイン呼び出しを行っています。スクリプトは FF で正常に動作しますが、スクリプトはselect menu結果を入力しません。つまり、エラーが表示されるため、スクリプトが確実に機能し、クロスドメインを作成していることがわかります。電話、誰か私が間違っていることを教えてもらえますか?

function xss_ajax(url) {

    var script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', url);
    script.setAttribute('id', 'script_id');

    script_id = document.getElementById('script_id');
    if (script_id) {
        document.getElementsByTagName('head')[0].removeChild(script_id);
    }


    document.getElementsByTagName('head')[0].appendChild(script);

    document.getElementById("addrlist").innerHTML = "";
    document.getElementById("errlog").innerHTML = "";
}

function callback(data) {

    if (typeof data['error'] != "undefined") {
        if (window.on_error) {
            on_error();
        }

        if (document.getElementById("errlog")) {
            document.getElementById("errlog").innerHTML = "<br>" + data['error'] + "<br>";
        } else {
            alert(data['error']);
        }

    } else {



        var val = data['address1'] + ", " + data['address2'] + ", " + data['address3'] + ", " + data['address4'] + ", " + data['postcode'];

        document.getElementById("addrlist").innerHTML += "<option value='" + val + "'>" + val + "</option>";

    }
}

function searchpost() {

    var license = '98798797';
    var url = "http://mydomin.co.uk/myfile.php?postcode=" + escape(document.getElementById("field1").value) + '&license=' + escape(license);

    xss_ajax(url);

}
4

2 に答える 2

0

作業を簡単にするために、 jQueryライブラリを使用する必要があります。

var license = '98798797';
var url = "http://mydomin.co.uk/myfile.php?postcode="+escape($("#field1").val())+'&license='+escape(license);

$.getJSON(url+'&callback=?', function(data) {
    var val = data.address1 + ", " + data.address2 + ", " + data.address3 + ", " + data.address4 + ", " + data.postcode;
    var opt = $('option').text(val).val(val);
    $("#addrlist").append(opt); 
});

コードがどれだけ短いかわかりましたか?

ところで、あなたはjsonデータを配列として扱いましたが、それは配列ではないので、代わりに(たとえば):解析されたjsonがオブジェクトであるため、data['address1']に変更しました。data.address1

さらに、単に必要ないため、すべてのエラー チェックを削除しました。

ps jsonp はクロスドメイン ajax 用であるためcallback=?JSONP ajax リクエストにするために を追加しました。

于 2012-09-01T08:40:08.130 に答える
0

選択にオプションを追加する方法だと思います。すべての HTML コンテンツを置き換える代わりに、新しい option 要素を作成して select 要素に追加します。

var opt = document.createElement('OPTION');
opt.text = val;
opt.value = val;
document.getElementById("addrlist").options.add(opt);
于 2012-09-01T08:41:57.030 に答える