时间戳

首页 > 解决方案 > 错误“提取中位置 0 处 JSON 中的意外令牌 P”

json - 错误“提取中位置 0 处 JSON 中的意外令牌 P”

问题描述

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

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

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。 但是当我再次单击注册提交表单时，它将显示此错误->该电子邮件已存在（即由我们的服务器返回）。 所以这意味着数据保存在我们的数据库中。 请参阅此图像。 在此处输入图像描述

标签： jsontry-catchfetch-api

解决方案

我找到了。

这很困难，但这是res.send("Posted successfully");问题所在。

您将发送一个字符串作为 JSON，而不是 JSON。

所以，基本上你必须这样做：

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

只是：尽量不要重复.

推荐阅读