ajax в форме, затем jquery для отображения заполненных полей формы

Question

У меня есть форма, которая требует физического адреса. Как только пользователь вводит полный адрес, у меня есть кнопка с надписью «Подтвердить адрес». Я хочу иметь возможность нажать эту кнопку, вызвать ajax-вызов, который вызовет файл на сервере, который получит долготу и широту этого адреса, затем вернется в форму с этими координатами и отобразит с ними div. Не беспокойтесь о выяснении координат. Я просто пытаюсь выяснить весь вызов ajax и отображение jquery при ответе с сервера. Спасибо

Итак, я сделал это, чтобы все заработало:

$(document).ready(function() {

//if verify button is clicked
$('#verify').click(function () {

    var address = $('input[name=address]');
    var city    = $('input[name=city]');
    var state   = $('input[name=state]');
    var zip     = $('input[name=zip]');
    var country = $('select[name=country]');

    //organize the data for the call
    var data = 'address=' + address.val() + '&city=' + city.val() + '&state=' + state.val() + '&zip='  + zip.val() + '&country='  + country.val();

    //start the ajax
    $.ajax({
        url: "process.php",
        type: "GET",
        data: data,
        cache: false,
        success: function (html) {

            //alert (html);

            if (html!='error') {

                //show the pin long and lat form
                $('.form2').fadeIn('slow');

            } else alert('Error: Your location cannot be found');
        }
    });

    //cancel the submit button default behaviours
    return false;
});
});

process.php возвращает долготу и широту обратно в переменную как: "долгота, широта". Как мне получить доступ к этим данным обратно во внешнем интерфейсе, чтобы я мог заполнить ими поля формы? Большое спасибо за отличные ответы.

Answer 1

Надеюсь, это полезно.Это будет общий вызов AJAX на страницу php:

$.ajax({
            type: "POST",
            url: "scripts/process.php",
            data: "type=query&parameter=" + parameter,
            success: function (data) {  //Called when the information returns
                if(data == "success"){
                  //Success
                } else {
                  //Fail
                }
            },
            error: function () {
                  //Complete failure
            }
        });

Answer 2

Необходимая вам функция jQuery: jQuery.get().

Другие подробности можно найти здесь: http://api.jquery.com/category/ajax/ Извините за скудные подробности, но вы не предоставили исходный код.