使用ajax请求将jquery变量传递给php答案

【问题标题】：Passing jquery variable to php using ajax request使用ajax请求将jquery变量传递给php
【发布时间】：2021-03-13 09:00:17
【问题描述】：

有一个由产品类别组成的左侧菜单（向下看）。当您单击或将鼠标悬停在菜单项上时，valuemenuitem 变量 (jquery) 被分配一个值 - 厨房电器、家用电器等。此变量的值由 ajax 请求发送，并根据回发结果显示右侧菜单（使用 php）。如何处理这个 ajax 请求？有一个例子。您需要如何重做？

    <?php
class ajaxValidate {

function formValidate() {
    //Put form elements into post variables (this is where you would sanitize your data)
    $field1 = @$_POST['field1'];

    //Establish values that will be returned via ajax
    $return = array();
    $return['msg'] = '';
    $return['error'] = false;

    //Begin form validation functionality
    if (!isset($field1) || empty($field1)){
        $return['error'] = true;
        $return['msg'] .= '<li>Error: Field1 is empty.</li>';
    }

    //Begin form success functionality
    if ($return['error'] === false){
        $return['msg'] = '<li>Success Message</li>';
    }

    //Return json encoded results
    return json_encode($return);
}

}

$ajaxValidate = new ajaxValidate;
echo $ajaxValidate->formValidate();
?>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Ajax Example</title>
    <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
    <ul id="info1">
        <li>Put anything in the field below.</li>
    </ul>
    <form id="form1">
        <input type="text" name="field1" id="field1">
        <input type="submit" name="submit" id="submit" value="Submit Form">
    </form>
    <script>
    $('#form1').submit(function(event) {
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'ajax.php',
            data: $(this).serialize(),
            dataType: 'json',
            success: function (data) {
                console.log(data);
                $('#info1').html(data.msg);
            }
        });
    });
    </script>
</body>
</html>

MySiteScreenshot

【问题讨论】：

标签： javascript html jquery css ajax

【解决方案1】：

删除该行 event.preventDefault(); data.msg 应该只是数据

【讨论】：