第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

實現(xiàn) Ajax 以根據(jù)單選按鈕值加載 HTML

實現(xiàn) Ajax 以根據(jù)單選按鈕值加載 HTML

PHP
慕桂英546537 2022-09-03 14:44:45
你好,我對AJAX PHP和JQuery真的很陌生,所以任何建議都非常值得贊賞。我有一個帶有表單的HTML頁面,在此表單中,我有3個單選按鈕和3個值。我的目標是在此值上打印一些HTML。例如,如果我選擇單選按鈕 2(值 = 2),則 -->echo <input type="text">echo <input type="text">我設法在按鈕下的空div中打印值,但我不知道如何使用$ _POST變量生成代碼(我試圖排除操作頁面,但它不起作用)網(wǎng)頁:<div class="hide">  <input type="radio" name="cat_2" value="1">One  <input type="radio" name="cat_2" value="2">Two  <input type="radio" name="cat_2" value="3">Three</div><div id="response"></div><?php include 'gen.php'; ?> //my failed testJQuery:    <script>        $(document).ready(function () {            $('.hide input[type="radio"]').click(function(){                var value= $(this).val();                $.ajax({                    url: "ajax_page.php",                    type: 'post',                    data: {ajax: 1, value: value},                    success: function (response) {                    $('#response').text(value);                    }                });            });        });    </script>ajax_page.php只是為了測試值:<?phpif ($_SERVER['REQUEST_METHOD'] == "POST") {    echo $_POST['value'];} else {    echo "Nothing to Show";}?>我不知道我是否足夠清楚,任何想法都會很有幫助,我甚至不知道該搜索什么:)
查看完整描述

1 回答

?
藍山帝景

TA貢獻1843條經(jīng)驗 獲得超7個贊

gen.php在將網(wǎng)頁發(fā)送到瀏覽器之前運行。您將無法訪問 ajax 調(diào)用中的任何返回變量或信息,因為代碼已經(jīng)運行。 需要在運行/瀏覽器加載頁面之前擁有所有信息。如果您需要在瀏覽器加載頁面后運行代碼,則必須在 .gen.phpgen.phpajax_page.php


只是給你ajax_page一個提示。您應該避免直接使用超變量,并首先過濾輸入(以防止惡意或意外問題)。像這樣:


   if($value = filter_input(INPUT_POST, "value", FILTER_VALIDATE_INT)){

        echo $value;

    } else {

        echo "Nothing to Show";

    }

您還應該從 ajax 調(diào)用中捕獲錯誤,并將其記錄到控制臺(或?qū)⑵涑尸F(xiàn)給用戶)。以下是將其記錄到控制臺的方法。


$(document).ready(function () {

    $('.hide input[type="radio"]').click(function(){

        var value= $(this).val();

        $.ajax({

            url: "ajax_page.php",

            type: 'post',

            data: {ajax: 1, value: value},

            success: function (response) {


                // Loop to output repeated HTML

                var output = "";

                for (i = 0; i < response; i++) {

                    // Put the HTML in here for example you could create the output:

                    output = output + "<p>test</p>";

                }

                // and then display it

                $('#response').html(output);

            },

            error: function (response){

               console.log(response)

            }

        });

    });

});


查看完整回答
反對 回復 2022-09-03
  • 1 回答
  • 0 關注
  • 90 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號