使用 ajax 請求將 jquery 變量傳遞給 php

Question

有一個由產品類別組成的左側菜單（向下看）。 當您在菜單項上單擊或 hover 時，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>

我的網站截圖

Answer 1

刪除行 event.preventDefault(); data.msg 應該只是數據

使用 ajax 請求將 jquery 變量傳遞給 php

問題描述

1 個解決方案

解決方案1
0 2021-03-13 09:44:27

使用 ajax 請求將 jquery 變量傳遞給 php

問題描述

1 個解決方案

解決方案1 0 2021-03-13 09:44:27

解決方案1
0 2021-03-13 09:44:27