jquery - 我正在向服务器发出 Ajax 发布请求,所有数据都很好,但我的名字和姓氏正在更新为 "undefined"

标签 jquery html mysql node.js ajax

我正在向服务器发送 Ajax post 请求,所有数据都正常,但我的名字和姓氏正在更新为“未定义” 请帮忙提前致谢

--- 服务器代码 ---

我在查询中插入这个变量,这样数据库就可以用那个值更新

app.post("/postData", function (req, res) {
    var first_name = req.body.fname
    var last_name = req.body.lname
    var email = req.body.email
    var comment = req.body.comment
    var insert_query = "INSERT into form_data(sno,fname,lname,email,comments) values(" + "1" + "," + "'" + first_name + "'" + "," + "'" + last_name + "'" + "," + "'" + email + "'" + "," + "'" + comment + "'" + ")";
    connector.query(insert_query, function (err, res) {
        if (err) {
            var insert_query1 = "INSERT into form_data(sno,fname,lname,email,comments) values(" + "''" + "," + "'" + first_name + "'" + "," + "'" + last_name + "'" + "," + "'" + email + "'" + "," + "'" + comment + "'" + ")";    
            connector.query(insert_query1,function(err,res){
                if (err) {
                    console.log("Query Error")
                } else {
                    console.log("Failed data updated")
                    console.log(insert_query1)
                }
            })
        } else {
            console.log("Data Updated")
        }
    })
})

app.listen(1337, function (err) {
    if (err) {
        console.log(err)
    } else {
        console.log("Connection Established at port:1337")
    }
})

--- HTML ---

这是单击必须执行 ajax 请求的按钮时的表单

<script>
    $(document).ready(function () {
                $("#btn").click(function(event){
                    event.preventDefault();
                    $.ajax({
                        url : "http://127.0.0.1:1337/postData",
                        type : "POST",
                        data : {
                            "first_name" : $("#fn").val(),
                            "last_name" : $("#ln").val(),
                            "email" : $("#em").val(),
                            "comment" : $("#com").val()
                        },
                        dataType : "json",
                        success : function(){
                            console.log(data)
                        }
                    })
                })
            })
</script>

<form id="frm1">
    <label for="name1">First name</label>
    <input type="text" name="fname" id="fn" value=""><br><br>
    <label for="name2">Last name</label>
    <input type="text" name="lname" id="ln" value=""><br><br>
    <label for="femail">Email</label>
    <input type="email" name="email" id="em" value=""><br><br>
    <label for="comm">Comments</label>
    <textarea cols="20" rows="10" id="com" name="comment"></textarea><br><br>
    <input type="submit" value="Submit" id="btn">
    <input type="reset" value="Reset" id="rest">        
    <input type="button" value="Delete" id="del">        
</form>

'

--- 错误---

这是我遇到的错误

first_name & last_name are undefined

最佳答案

    <script>
        $(document).ready(function () {
                    $("#btn").click(function(event){
                        event.preventDefault();
                        $.ajax({
                            url : "http://127.0.0.1:1337/postData",
                            type : "POST",
                            data : {
                                "fname" : $("#fn").val(),
                                "lname" : $("#ln").val(),
                                "email" : $("#em").val(),
                                "comment" : $("#com").val()
                            },
                            dataType : "json",
                            success : function(){
                                console.log(data)
                            }
                        })
                    })
                })
    </script>

关于jquery - 我正在向服务器发出 Ajax 发布请求,所有数据都很好,但我的名字和姓氏正在更新为 "undefined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59007267/

相关文章:

jquery - 我可以在 typescript 中覆盖 document.ready 吗

javascript - 如何创建覆盖以在页面加载时自动加载?

html - 如何在 "round"div 上获得圆形悬停?

javascript - HTML - 在本地存储复选框值并检索

jquery - 在 jquery 中选择从类开始,就像在 CSS 中一样

javascript - 水平滚动图像缩略图并在鼠标悬停时弹出图像

mysql - 合并两个查询,1 返回 ID 列表,另一个显示其他数据

mysql - 我如何声明 mysql 列表变量

php - 与 DELETE ALL 和 INSERT 相比,UPDATE OR INSERT 命令有技术优势吗?

javascript - Bootstrap 崩溃/Bootstrap Modal/stopPropagation 和 HTML 内容超出屏幕高度的问题