簡體   English   中英

請求的 JSON 解析失敗 (jquery+ajax)

[英]Requested JSON parse failed (jquery+ajax)

您好,我遇到了 json 解析錯誤。 這是一個簡單的 jquery+ajax+php 代碼,用於驗證用戶輸入到聯系表單中的數據。

jq+ajax:

$(document).ready(function() {
$("#cbutton").click('submit', function(e) {
    e.preventDefault();
    var name = $("#fname").val();
    var email = $("#fmail").val();
    var phone = $("#fphone").val();
    var message = $("#fmess").val();

    if (name == '' || email == '' || phone == '' || message == '') {
        console.log("Please Fill Required Fields");

    }
    $.ajax({
        method: "POST",
        contentType:"application/json",
        url: "php/some.php",
        dataType: "json",
        data: { 
            name: 'name', 
            email: 'email',
            phone: 'phone', 
            message: 'message',
        },
        success : function(data){
            // if (data.code == "200"){
                // console.log("Success: " +data.msg);
            // }
            $.each(data, function(index, element) {

                console.log("Success: " +element.name);

            });
        },
        error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            } else if (jqXHR.status == 404) {
                alert('Requested page not found. [404]');
            } else if (jqXHR.status == 500) {
                alert('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                alert('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                alert('Time out error.');
            } else if (exception === 'abort') {
                alert('Ajax request aborted.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }
    });
});

});

和PHP:

<?php

header('Content-Type: application/json');

$errorMSG = "";

if (empty($_POST["name"])) 
    $errorMSG = "<li>Name is required</<li>";
} else {
    $name = $_POST["name"];
}

if (empty($_POST["email"])) {
    $errorMSG .= "<li>Email is required</li>";
} else if (!filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)) {
    $errorMSG .= "<li>Invalid email format</li>";
} else {
    $email = $_POST["email"];
}

if (empty($_POST["phone"])) {
    $errorMSG = "<li>Phone is required</<li>";
} else {
    $name = $_POST["phone"];

}
if (empty($_POST["message"])) {
    $errorMSG .= "<li>Message is required</li>";
} else {
    $message = $_POST["message"];
}


if (empty($errorMSG)) {
    $msg = "Name: " . $name . ", Email: " . $email . ", Phone: " . $phone . ", Message:" . $message;
    //echo json_encode(['code'=>200, 'msg'=>$msg]);
    echo $msg;
    exit;
}
?>

我試圖用幾種方法來修復它(正如你在評論中看到的),但沒有任何效果。 腳本應該創建 json 並檢查數據是否正確(正確的電子郵件並且沒有空白點)。

message: 'message', 最后一個逗號必須去掉

在您的ajax請求中,您已將返回數據類型設置為JSON,因此您只能發送JSON數據,請嘗試以下操作,它將起作用。

if(empty($errorMSG)){
    $msg = "Name: ".$name.", Email: ".$email.", Phone: ".$phone.", 
    Message:".$message;

    $result = array();
    $result['code'] = 200;
    $result['msg'] = $msg;

    echo json_encode($result);
    exit;
}

即使您將響應標頭設置為 header('Content-Type: application/json') 以防萬一,您的 php 文件也不會返回有效的 JSON 響應。 php 文件應該回顯如下有效的 JSON 字符串。

$errorMSG = "{errMsg: 'Name is required'}"

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM