【问题标题】:Error "Unexpected token P in JSON at position 0 in fetch"错误“提取中位置 0 处 JSON 中的意外令牌 P”
【发布时间】:2021-07-13 06:56:42
【问题描述】:

我创建了一个注册表单,在此我将数据从反应客户端发布到节点服务器,在该节点服务器上我创建了一个注册路由来处理该注册表单。

我们在这里将数据发布到服务器。

async function submitHandler(e){
            e.preventDefault();
            try{
                const response = await fetch("/signup", {
                    method: "POST",
                    body: JSON.stringify({
                        name: name,
                        email: email,
                        password: password
                    }),
                    headers: {
                        "Content-Type": "application/json"
                    }
                })
                console.log(response);
                const data = await response.json();
                if(data.error){                          //This code of line to make sure that if there is any error then it should be catchable by the catch block.
                    throw new Error(data.error);
                }
            }
            catch(e){
                console.log(e.message);            //Here I'm getting error -> unexpected token p in JSON at position 0.
            }
        }

这是我发布数据的路径。

router.post("/signup", async(req, res) => {
    const {name, email, password} = req.body;
    try{
        const XYZ = await User.ValidatingUser(name, email, password);       //Here we are calling a function to check email exist or not before create an account.
        const user = new User({
            name: name,
            email: email,
            password: email
        })
        await user.save();
        return res.send("Posted successfully");
    }
    catch(e){
        return res.json({error: e.message});                            
    }
    
})

这是我在注册路径中调用的检查电子邮件是否存在的函数。

//This code is to check that email exists or not. If the email exists then you can't signup.

    userSchema.statics.ValidatingUser = async(name, email, password) => {
        if(!name || !email || !password){
            throw new Error ("Please add all the fields");                     
        }
        const user = await User.findOne({email: email});
        if(user){
            throw new Error("That email is already exist");
        }
    }

当我点击注册提交按钮时,首先它显示错误 -> 在位置 0 的 JSON 中出现意外的令牌 P。 但是当我再次点击注册提交表单时,它会显示此错误 -> 该电子邮件已存在(由我们的服务器返回)。 所以这意味着数据保存在我们的数据库中。 查看此图片。 enter image description here

【问题讨论】:

    标签: json try-catch fetch-api


    【解决方案1】:

    我找到了。

    这很困难,但这是res.send("Posted successfully"); 的问题。

    您要以 JSON 格式发送字符串,而不是 JSON。

    所以,基本上你必须这样做:

    res.send({message: "Posted successfully"});
    

    只是:尽量不要duplicate

    【讨论】:

    • 非常感谢。你终于解决了....很抱歉再次发布。
    • 没问题,我明白了! :)
    猜你喜欢
    • 2021-09-21
    • 1970-01-01
    • 1970-01-01
    • 2020-04-23
    • 2020-11-20
    • 2022-07-11
    • 2019-04-12
    • 1970-01-01
    • 2016-12-13
    相关资源
    最近更新 更多