JSON.parse 单个变量 - 未捕获的 SyntaxError：JSON 中的意外标记 <

Question

我从 Ajax 开始，不幸的是我遇到了 JSON.parse() 的问题。我想通过点击传递一个变量。

到目前为止，我还没有找到具体问题的答案。也许这里有人可以帮助我。

错误信息：

Uncaught SyntaxError: Unexpected token < in JSON at position 68
at JSON.parse (<anonymous>)
at Object.<anonymous> (ajax.js?ver=5.3.2:13)
at c (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at l (jquery.js:2)
at XMLHttpRequest.<anonymous> (jquery.js:2)

我的 JS 函数：/admin/script/ajax.js

    $("#make").change(function(){

        var make = $('#make').val();
        console.log('Select Value hat sich geändert zu ' + make);

        $.ajax({
                url: wpAjax.ajaxUrl,
                data: 'make=' + make,
                type: 'post'
            }).done(function(model){
            model = JSON.parse(model);   // Here comes the error.
        })
    })
})

我的 PHP 函数：admin/script/filter.php

<?php
  if(isset($_POST['make'])) {
     $model = 'Model S';
     echo json_encode($model);
  }
?>

主题中的Wordpress functions.php

function my_enqueue() {

    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/admin/script/ajax.js', array('jquery') );

    wp_localize_script( 'ajax-script', 'wpAjax',
            array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );

get_template_part( 'admin/script/filter');

Answer 1

一旦你使用了wordpress，首先你需要将php函数绑定到action

说动作名称是get_model

add_action( 'wp_ajax_get_model', 'my_func' ); // Here action name tied to function
add_action( 'wp_ajax_nopriv_get_model', 'my_func' ); // Here too for unregistered users

function my_func(){
    if(isset($_POST['make'])) {
        $model = 'Model S';
        echo json_encode($model);
    } else {
        die('No models');
    }
}

那么你需要在javascript中将动作名称定义为ajax参数

$("#make").change(function(){
    var make = $('#make').val();
    console.log('Select Value hat sich geändert zu ' + make);
    $.ajax({
            url: wpAjax.ajaxUrl,
            data: {
                  'make': make,
                   action: 'get_model'},  // add action name here
            type: 'post'
        }).done(function(model){
        model = JSON.parse(model);   // Here comes the error.
    })
})

现在我怀疑它必须运行良好。请测试

您可以在浏览器开发控制台中查看发布参数

一旦失败，您可以在开发控制台的“预览”和“响应”选项卡中找到真正的响应内容（之前打开“XHR”过滤器）