Question

我有一个使用jQuery / Ajax / PHP发送数据的简单表单。 PHP代码在将输入发送到数据库之前验证输入，并在输入无效时向响应div返回错误消息。

它在我的计算机和我自己的服务器上运行良好。但是当我将它上传到客户端的服务器时，它无法按预期工作。当我从客户端的服务器访问页面时，我注意到以下内容：

仅当所有输入字段都具有值时，才会将验证结果发送到响应div。如果任何字段为空，则没有任何反应，也不会返回验证消息。
它似乎不是机器问题，因为我使用同一台计算机访问3个副本，我的localhost上的那个，我服务器上的那个，以及客户端服务器上的那个。

这是代码; jQuery：

$(document).ready(function() {
    $('#signup').click(function() {
        var queryString = 'ajax=true';

        var txtName = encodeURIComponent($('#txtName').val());  
        if(txtName.length > 0){
            txtName = txtName.replace(/\%/g, '-');
        }

        var txtEmail = escape($('#txtEmail').val());

        var txtPhone = encodeURIComponent($('#txtPhone').val());
        if(txtPhone.length > 0){
            txtPhone = txtPhone.replace(/\%/g, '-');
        }

        var txtPhoneCode = encodeURIComponent($('#txtPhoneCode').val());        
        if(txtPhoneCode.length > 0){
            txtPhoneCode = txtPhoneCode.replace(/\%/g, '-');
        }

        queryString = queryString + '&txtEmail=' + txtEmail;
        queryString = queryString + '&txtName=' + txtName;
        queryString = queryString + '&txtPhone=' + txtPhone;
        queryString = queryString + '&txtPhoneCode=' + txtPhoneCode;

        $.ajax({
            type: "GET",
            url: 'send.php',
            data: queryString ,
            success: function(msg) {
                $('#response').html(msg);
            }
        });

        return false;
    });
});

PHP页面：

<?php
if(isset($_GET['ajax']) && ($_GET['ajax'] == 'true')){
    $name = trim($_GET['txtName']); // coming from input text
    $email = trim($_GET['txtEmail']); // coming from input text
    $phone = trim($_GET['txtPhone']); // coming from input text
    $phonecode = trim($_GET['txtPhoneCode']); // coming from a select
    if(strlen($name) == 0){
        echo 'Please enter your name';
    }
    elseif(strlen($email) == 0){
        echo 'Please enter your email';
    }
    elseif(!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*$/i", $email)){
        echo 'Please enter a valid email';
    }
    elseif(strlen($phonecode) == 0){
        echo 'Please select phone code';
    }
    elseif(strlen($phone) == 0){
        echo 'Please enter your phone';
    }
    elseif(!preg_match("/^[0-9]*$/i", $phone)){
        echo 'Please enter a valid phone';
    }
    else{
        require('config.php');
        // send to mysql db
        $email = stripslashes($email);
        $name = urldecode(str_replace('-', '%', $name));
        $phone = urldecode(str_replace('-', '%', $phone));
        $phonecode = urldecode(str_replace('-', '%', $phonecode));
        $dt = gmdate("Y-m-d H:i:s");
        $sql = "insert into subscribers(datecreated, name, email, phone, phonecode) values('$dt', '$name', '$email', '$phone', '$phonecode')";
        $result = mysql_query($sql) or die('Error: Failed to save subscription!');
        // redirect
        echo '<script>setTimeout(function(){ window.location = "thankyou.html#ty"; }, 0);</script>';
    }
}
?>

Answer 1

由于您正在设置type: "GET"。

，因此您不会将数据发布到服务器

这意味着发送HTTP GET请求，而不是HTTP POST。 GET请求通常由客户端缓存，因此您可能会遇到根本没有发送任何请求（当使用某些字段值组合时），因为该请求的响应已经在客户端的缓存中。

您应该更改代码（javascript和php）以使用HTTP POST。原因有两个：

不会缓存POST响应，因此每次提交时都会发送新请求。
GET不应用于可能有副作用的请求。

jQuery AJAX帖子不适用于所有计算机

1 个答案: