javascript - AJAX 和 HTML 元素不起作用

标签 javascript jquery html ajax getelementbyid

我正在尝试设置一个 div 标签,以便在数据库中找不到用户时显示消息。

这是我无法上类的线路:

$("message").html(msg);

如果您能帮助我理解我做错了什么,那将会有所帮助。谢谢

$(document).ready(function(){
    $("#submit").click(function(){
        var username = $("#username").val();
        var code = $("#code").val();
        var msg = "Who are you?!";
        var dataString = 'username='+ username + '&code='+ code;
        localStorage.setItem("number",code);
        if(username==''||code=='')
        {
            alert("Um..you are missing something...");
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "verify.php",
                data: dataString,
                cache: false,
                success: function(result){
                    if(result != 0)
                    alert(result);
                },
                error: function(){
                    $("message").html(msg);
                }
            });
        }
        return false;
    });
});

我的 PHP 代码

<?php
    $username = trim($_POST["username"]);
    $code = trim($_POST["code"]);

    include_once './inc/config.php';
    $con = new mysqli(HOST, USER, PASSWORD, DATABASE);

    $sql="SELECT * FROM info WHERE First_Name='".$username."' AND Line_Number='".$code."'" ;
    // Check connection
    if (mysqli_connect_errno()) {
      echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }

    $result = mysqli_query($con,$sql);
    $num_rows = mysqli_num_rows($result);

    if($num_rows != 0){
        echo true;
    }
    else{
        //echo "Who are you?!";
        return false;
    }
mysqli_free_result($result);
mysqli_close($con);

最佳答案

如果您的消息元素具有 ID message,请按如下方式选择它:

$("#message").html(msg);

如果它具有 消息,请像这样选择它:

$(".message").html(msg);

JQuery documentation包含所有选择器类型的概述和深入描述。

<小时/>

此外,要触发 Javascript 中的错误方法,您的服务器端代码需要发送 HTTP 错误代码,例如如下所示:

header("HTTP/1.1 404 Not Found");

或者像这样:

http_response_code(404);

关于javascript - AJAX 和 HTML 元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26007488/

相关文章:

javascript - 从传单中的两个图像生成自定义标记(图标)

javascript - 为什么我在使用 AJAX/PHP 时收到未定义索引错误?

php - 使用 jquery 从其他选择值中填充选择

css - 右下角的圆形丝带,里面有图标和文字

javascript - 如何在我的网站正文中打开另一个网站

Javascript:奇怪的语法元素

javascript - 语法错误,无法识别的表达式 : , $(selector).before (",");

javascript - 使用 OnReady 的内容填充 tinymce 文本区域?

html - 在悬停居中时显示缩略图标题

javascript - 滚动 Dropdown li 元素直到元素可见