Проблема с Jquery Ajax chrome

#php #jquery #ajax #google-chrome

Вопрос:

Привет, я новичок в jquery, у меня возникли некоторые проблемы с этим ajax-запросом в chrome. Это работает без отправки ошибок, но вам нужно щелкнуть переключатели 2-3 раза, прежде чем chrome обновит #change div новыми данными

 $(':radio').change(function() {




    var size = $('#sizeselect :radio:checked').attr('name');
    var colour = $('input:radio[name=col]:checked').val();



     $('#change').html('<p><img src="ajax-loader-2.gif" width="220" height="19" /></p>');


    $.ajax({
    async: false,
    url : 'php.php',
    type: 'POST',
    dataType: 'html',
    data: 'size='   size   'amp;colour='   colour,
    success : function (data) {
    $("#change").hide().html(data).fadeIn(700);

    }

});         


                    });

у кого-нибудь есть какие-нибудь идеи?

я все еще получаю ошибку, я проверил инспектор, и он не выдает никаких ошибок. ниже приведена ссылка на проблему

http://www.regionalartwork.co.uk/jquerytest/index.html

1. Вероятно, вам не следует использовать async: false , поскольку это блокирует все другие JS-исполнения во время запроса.

2. @Мэтт Болл: 1. Это также удаляет ‘A’ из ‘AJAX’.

3. попробуйте отправить данные в соответствии с данными примеров Jquery:{ post_size: размер, post_color: цвет}

Ответ №1:

Убедитесь, что ваш запрос не занимает слишком много времени и что Chrome не ожидает ответа сервера. Используйте для этого инспектор Chrome, вкладку Сеть :

Ctrl Shift I в Windows, Cmd Shift I на Mac.

И почему бы не использовать его для отладки вашего Js. Из того, что вы нам показываете, это должно сработать.

1. я все еще получаю ошибку, я проверил инспектор, и он не выдает никаких ошибок. ниже приведена ссылка на проблему regionalartwork.co.uk/jquerytest/index.html

2. Я только что опробовал ссылку, которую вы дали. Все работает нормально. У меня есть область справа, отображающая панель загрузки и короткая после отображения «цвет и размер».