Ajax + php不起作用，php在起作用，javascript不起作用

Question

PHP代码可以工作，但javascript不能工作。我不明白他到底怎么了。如何让它工作？链接https://nice-host.com/domain

Javascript代码

             $("#src-btn").click(function() { 
                
                var domainname = $('#domain-name').val();
                
                $.ajax({
                    url: "domain-search.php",
                    type: 'post',
                    data: 'Domain '+domainname,
                    success: function(data)
                    {
                        output = '<div class="success">'+data.text+'</div>';
        
                        $("#result").hide().html(output).slideDown();           
                    }
                });
            });
            
            $("#domain-search input").keyup(function() { 
                $("#domain-search input").css('border-color',''); 
                $("#result").slideUp();
            });

        $domainname = $_POST["domain-name"];
        if (isset($_POST["domain-name"])) {
            if ( gethostbyname($domainname) != $domainname ) {
                echo "<script>alert('Found')</script>";
            }
            else {
                echo "<script>alert('Not found')</script>";
            }
        } else {
            $output = json_encode(array('type' => 'error', 'text' => 'Empty'));
            die($output);
        }

HTML代码

                    <div id="result"></div>
                    <form class="domain-search-form parsley-validate" data-animate="fadeInUp" data-delay=".5" method="post" id="domain-search" name="domain-search">
                        <input type="text" placeholder="Domain name" id="domain-name" name="domain-name" required>
                        <button class="src-btn" name="src-btn" id="src-btn"><i class="fa fa-search"></i></button>
                    </form>

Answer 1

您的请求发送的数据不正确，domain-name是您需要发送的参数名称。

$.ajax({
    url: "domain-search.php",
    type: 'post',
    data: {'domain-name':domainname},
    success: function(data)
    {
        output = '<div class="success">'+data.text+'</div>';

        $("#result").hide().html(output).slideDown();           
    }
});