Блог

в конце концов, у меня проблема с jquery mobile openlayer search;

 $('#searchpage').live('pageshow',function(event, ui){
$('#query').bind('change', function(e){
    $('#search_results').empty();
    if ($('#query')[0].value === '') {
        return;
    }
    $.mobile.showPageLoadingMsg();

    // Prevent form send
    e.preventDefault();

    var searchUrl = 'http://ws.geonames.org/searchJSON?featureClass=Pamp;maxRows=10';
    searchUrl  = 'amp;name_startsWith='   $('#query')[0].value;
    $.getJSON(searchUrl, function(data) {
        $.each(data.geonames, function() {
            var place = this;
            $('<li>')
                .hide()
                .append($('<h2 />', {
                    text: place.name
                }))
                .append($('<p />', {
                    html: '<b>'   place.countryName   '</b> '   place.fcodeName
                }))
                .appendTo('#search_results')
                .click(function() {
                    $.mobile.changePage('#mappage');
                    var lonlat = new OpenLayers.LonLat(place.lng, place.lat);
                    map.setCenter(lonlat.transform(gg, sm), 10);
                })
                .show();
        });
        $('#search_results').listview('refresh');
        $.mobile.hidePageLoadingMsg();
    });
});

// only listen to the first event triggered
$('#searchpage').die('pageshow', arguments.callee);
});
  

`

мой вопрос в том, что у меня есть файл json, но я не знаю, как изменить URL-адрес поиска, используя мой файл json.Мне нужна помощь здесь.

Большое вам спасибо

Поскольку вы на самом деле не указали явно, я предполагаю, что наряду с получением результатов поиска вы также хотите обновить свой searchUrl другим, который возвращается вашим файлом JSON, который вы захотите использовать для следующего поиска.

В этом случае самый простой способ, без масштабных операций с вашим текущим кодом, — поднять ваш searchUrl как глобальную переменную и включить метод для ее обновления.

 var jsonUrl = {
    param: 'http://ws.geonames.org/searchJSON?featureClass=Pamp;maxRows=10',
    update: function (url) {
        this.param = url;
    }
};
  

Измените это:

 var searchUrl = 'http://ws.geonames.org/searchJSON?featureClass=Pamp;maxRows=10';
searchUrl  = 'amp;name_startsWith='   $('#query')[0].value;
  

Для этого:

 var searchUrl = jsonUrl.param   'amp;name_startsWith='   $('#query')[0].value;
  

Предполагая, что ваш новый URL-адрес json находится в contained (your_json_object).url, добавьте одну строку перед закрытием $.getJSON:

 jsonURL.update(data.url);
  

Ваш окончательный код должен выглядеть следующим образом:

 var jsonUrl = {
    param: 'http://ws.geonames.org/searchJSON?featureClass=Pamp;maxRows=10',
    update: function (url) {
        this.param = url;
    }
};

$('#searchpage').live('pageshow',function(event, ui){
$('#query').bind('change', function(e){
$('#search_results').empty();
if ($('#query')[0].value === '') {
    return;
}
$.mobile.showPageLoadingMsg();

// Prevent form send
e.preventDefault();

var searchUrl = jsonUrl.param   'amp;name_startsWith='   $('#query')[0].value;
$.getJSON(searchUrl, function(data) {
    $.each(data.geonames, function() {
        var place = this;
        $('<li>')
            .hide()
            .append($('<h2 />', {
                text: place.name
            }))
            .append($('<p />', {
                html: '<b>'   place.countryName   '</b> '   place.fcodeName
            }))
            .appendTo('#search_results')
            .click(function() {
                $.mobile.changePage('#mappage');
                var lonlat = new OpenLayers.LonLat(place.lng, place.lat);
                map.setCenter(lonlat.transform(gg, sm), 10);
            })
            .show();
    });
    $('#search_results').listview('refresh');
    $.mobile.hidePageLoadingMsg();
});
});

// only listen to the first event triggered
$('#searchpage').die('pageshow', arguments.callee);

//add this to update new URL retrieved into your jsonUrl object.
jsonURL.update(data.url);
});