Jquery .post和google chrome在linux服务器上的问题

Issues with Jquery .post and google chrome on a linux server

本文关键字：服务器 问题 linux post google chrome Jquery      更新时间：2023-09-26

经过测试和创建新脚本后，我发现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秒，然后选择并单击提交，则高亮显示将不会更改或工作。

第一个按钮不管怎样都不工作，单独的问题就不要设置。

该网站可以正常工作在任何其他浏览器，除了谷歌chrome

我看到的第一个问题是，您将POST请求绑定到提交按钮，该按钮提交自己的表单，并且您没有阻止该表单被提交。当你点击subto:

时脚本就会这样做
  1. 发送ajax post到http://youraccessguru.com/sesstest1.php
  2. 在没有数据的情况下立即向http://youraccessguru.com/sesstest.php发送常规POST请求

注意，这些甚至可能没有顺序发生。我不知道数字2实际上做了什么，但我的假设是，如果它接收到POST数据，它会重定向到sespreview .php。

所以你有两个选择。如果要进行页面刷新，则绝对不需要使用ajax请求。如果您仍然想使用ajax，请停止提交常规表单，并重定向到ajax complete函数的sespreview .php。

, 

$(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文件是如何设置的，以及它们实际上在做什么。我不知道，所以如果你把数据发布到sespreview .php，这是行不通的。

编辑:好，继续使用AJAX，然后使用常规POST提交其余的数据。在这种情况下，首先提交AJAX，然后等待AJAX响应，然后再提交表单的其余部分。给表单一个ID，然后使用如下代码:

$(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();
    });
  }
});
相关文章：