javascript - AJAX:ajax成功后无法获取输入值，未定义

Question

请帮忙，我试图在ajax成功后获取输入字段的值，我不知道为什么它总是未定义？

ajax.js

$(document).on('click','.modify',function(){
var modId = $(this).attr('id');
var event_id = $(this).attr('class').split(' ')[1];
$.ajax({
    cache: false,
    url: '../ajax/paraphernalia/ajax_get_edit.php',
    type: 'post',
    data: { modId: modId, event_id: event_id},
    success:function(data){
        var mod_name = $(data).find('input#hidden_headerName').val();
        alert(mod_name);
        $('#display_modal_edit').html(data);
        $('#judge_name_header').html(mod_name);
    }
});

});

ajax_get_edit.php

session_start();
require ("../../global.php");

if (isset($_POST['modId']) && isset($_POST['event_id'])) {
    $modId = $_POST['modId'];
    $event_id = $_POST['event_id'];
    $output = '';
    $sql = mysql_query("SELECT * FROM tbl_judges WHERE judge_id = ".$modId." AND event_id = ".$event_id."");
    $soc_sql = mysql_fetch_assoc($sql);

    $output .= '<input type="text" value="GetThisvalue" id="hidden_headerName">';
    $output .= '.....';//bunch of codes here        
    $output .= '</div>';

    echo $output;
}

Answer 1

您可以从 PHP 返回 JSON 并在客户端上创建您需要/不需要的 Div，此外，如果您只需要一些值，它也更简单