Блог

После выполнения теста за тестом и создания новых скриптов я обнаружил, что у Chrome возникли проблемы с этой частью моего скрипта jquery:

  $(document).ready(function(){

    $(".subto").click(function() {
    var data = {ramp: ramp, toilet:toilet, door:door, blind:blind,
    dog:dog, assist:assist, ear:ear, lift:lift, park:park, ramped:ramped, star:star
    };
     levelramp(data);
   });


function levelramp(ramp,toilet) {
    var url = "http://youraccessguru.com/sesstest1.php";
    $.post(url, {ramp: ramp},function(data) {
       $("#text").val(data).show();
    });

    }
  

http://youraccessguru.com/sesstest.php
Получение ошибки по-прежнему зависит от того, как долго вы нажимаете кнопки, попробуйте это увидеть. Если вы как можно скорее нажмете на картинку и отправите скрипт, он будет работать
, но если вы нажмете «Назад» и подождете 30 секунд на странице, затем выберите и нажмите «Отправить», индикатор не изменится и не сработает.

Первая кнопка все равно не работает, отдельная проблема просто не установлена.

Сайт отлично работает в любом другом браузере, кроме Google Chrome

Первая проблема, которую я вижу, заключается в том, что вы привязываете запрос POST к кнопке отправки, которая отправляет свою собственную форму, и вы не препятствуете отправке этой формы. Итак, ваш скрипт делает это, когда вы нажимаете subto:

1. Запустите ajax post, чтобы http://youraccessguru.com/sesstest1.php
2. Сразу после этого запускайте регулярный запрос POST на http://youraccessguru.com/sesstest.php без каких-либо данных

Обратите внимание, что это может происходить даже не по порядку. Я понятия не имею, что на самом деле делает номер 2, но я предполагаю, что он перенаправляет вас на sesspreview.php если он получает данные POST.

Итак, у вас есть 2 варианта. Если вы хотите выполнить обновление страницы, вам абсолютно не нужно использовать ajax-запрос. Если вы все еще хотите использовать ajax, остановите отправку обычной формы и перенаправьте на sesspreview.php о функции завершения ajax.

НАПРИМЕР:

 $(function(){
  $(".subto").click(function(e) {
    e.preventDefault();
    var data = {ramp: ramp, toilet:toilet, door:door, blind:blind, dog:dog, assist:assist, ear:ear, lift:lift, park:park, ramped:ramped, star:star};
    levelramp(data);
  });


  function levelramp(ramp,toilet) {
    var url = "http://youraccessguru.com/sesstest1.php";
    $.post(url, {ramp: ramp}, function(data) {
      window.location.href = "sesspreview.php";
    });
  }
});
  

Конечно, это зависит от того, как настроены ваши PHP-файлы и что они на самом деле делают. Я понятия не имею, поэтому, если вы отправляете данные в sesspreview.php , это не сработает.

РЕДАКТИРОВАТЬ: Хорошо, итак, вы продолжаете использовать AJAX, затем обычный POST для отправки остальных данных. В этом случае сначала отправьте AJAX, затем дождитесь ответа ajax перед отправкой остальной части формы. Дайте вашей форме идентификатор, затем используйте такой код:

 $(function(){
  $(".subto").click(function(e) {
    e.preventDefault();
    var data = {ramp: ramp, toilet:toilet, door:door, blind:blind, dog:dog, assist:assist, ear:ear, lift:lift, park:park, ramped:ramped, star:star};
    levelramp(data);
  });


  function levelramp(ramp,toilet) {
    var url = "http://youraccessguru.com/sesstest1.php";
    $.post(url, {ramp: ramp}, function(data) {
      $('#formID').submit();
    });
  }
});