Java ajax中的错误"；未捕获引用错误：未定义responseParsedJSON“；？

我正在从事一个项目，在该项目中，我遇到了一个问题，即我希望获得可用床位，同时检查所选病房是否已占用床位否如果占用仅显示可用床位，其他显示所有床位

我已经使用ajax作为解决方案，但是我似乎遇到了一个错误

代码是：

床和病房的表单代码选择标签：

 <div class="form-group">
                           
                                    <div class="form-select">
                                        <select name="Ward" id="Ward" onChange="fetchAvailableBeds();">
                                    <option value="0">--Select Ward No---</option>
                                    <option value="ward1">1</option>
                                    <option value="ward2">2</option>
                                    <option value="ward3">3</option>
                                    <option value="ward4">4</option>
                                    <option value="ward5">5</option>
                                    <option value="ward6">6</option>
                                    <option value="ward7">7</option>
                                    <option value="ward8">8</option>
                                    <option value="ward9">9</option>
                                    <option value="ward10">10</option>
                                    <option value="ward11">11</option>
                                    <option value="ward12">12</option>
                                </select>
                                <span class="select-icon"><i class="zmdi zmdi-chevron-down"></i></span>
                            </div>
                                 </div>
                                 <div class="form-group">
                            
                                    <div class="form-select">
                                        <select name="bed" id="bed">     
                                    <option value="0">--Select Bed No---</option>
                                   
                                </select>

--选择病房编号---
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
--选择床号---

AJAX代码：

 <script type="text/javascript">
    function fetchAvailableBeds()
{
    var wardNo = $("#Ward").val();
    $.ajax({
    url     : "<%=request.getContextPath()%>/FilterBeds",//Servlet Name
    data    : {Ward:wardNo},
    type    : "GET",
    success : function(data, textStatus, jqXHR)
    {
        var bedDetails = responseParsedJSON.bedDetails;
        if(bedDetails.length > 0)
        {
            $('#bed').empty().append('<option>--Select Bed--</option>');
            for(var i=0;i<bedDetails.length;i++)
            {
                $('#bed').append('<option value="'+bedDetails[i].name+'">'+bedDetails[i].id+'</option>' );
            }
        }
        else
        {
            $('#bed').empty().append( '<option>--No Beds Available--</option>');
        }

     }
  });
}

        </script>

函数fetchAvailableBeds（）
{
var wardNo=$（“#Ward”）.val（）；
$.ajax({
url:“/FilterBeds”，//Servlet名称
数据：{Ward:wardNo}，
键入：“获取”，
成功：函数（数据、文本状态、jqXHR）
{
var bedDetails=responseParsedJSON.beddails；
如果（bedDetails.length>0）
{
$（'#bed'）.empty（）.append（'--Select bed--'）；
对于（var i=0；i，多亏了swati的帮助，我才能够解决它。我们希望下面的代码能够帮助一些人：

 <script type="text/javascript">
    function fetchAvailableBeds()
{
    var wardNo = $("#Ward").val();
    $.ajax({
    url     : "<%=request.getContextPath()%>/FilterBeds",//Servlet Name
    data    : {Ward:wardNo},
    dataType: 'json',
    type    : "GET",
     success : function(data, textStatus, jqXHR)
    {
        console.log(data);
        var respons = data;
        var bedDetails = respons;
        if(bedDetails.length > 0)
        {
            $('#bed').empty().append('<option>--Select Bed--</option>');
            for(var i=0;i<bedDetails.length;i++)
            {
                $('#bed').append('<option value="'+bedDetails[i]+'">'+bedDetails[i]+'</option>' );
            }
        }
        else
        {
            $('#bed').empty().append( '<option>--No Beds Available--</option>');
        }

     }
  });
}


        </script>


函数fetchAvailableBeds（）
{
var wardNo=$（“#Ward”）.val（）；
$.ajax({
url:“/FilterBeds”，//Servlet名称
数据：{Ward:wardNo}，
数据类型：“json”，
键入：“获取”，
成功：函数（数据、文本状态、jqXHR）
{
控制台日志（数据）；
var响应=数据；
var bedDetails=响应；
如果（bedDetails.length>0）
{
$（'#bed'）.empty（）.append（'--Select bed--'）；
对于（var i=0；iHi，do
console.log（data）
inside
success:function（data，textStatus，jqXHR）{
请查看它提供了什么。此外，您需要在访问json之前解析json。console.log（data）提供了json，并且在使用$.parseJSON（data）解析它之后，它会给出一个错误：“json数据的第1行第1列的数据意外结束”@Swati在我添加数据类型后：“json”每个错误都消失了，但是仍然不起作用，而不是
response.setContentType（“text/html”）
use
response.setContentType（“application/json”）；
查看是否有效，并检查
console.log（数据）
以及检查您的服务器端，如果
BedList
有必需的值或没有，在添加此“var respons=data var beddails=response；”之后，对于响应和未解析，我能够正确地实现它，但是该方法似乎有一点错误非常感谢@Swati的帮助，真的谢谢您。
public List<Beds> filterBeds(int wardno) {

    //Getting all the wardnos
List<Integer> WardList = getSavedWardNumbers(wardno);

//List to hold data 
List<Beds> beddetails = new ArrayList<Beds>();
    for (int i = 1; i < 12; i++) {
        if (!WardList.contains(i)) {
            Beds bed = new Beds();
            bed.setBedNo(i);
            beddetails.add(bed);
        }
    }
return beddetails;
}

/*The method for getting ward nos*/
private List<Integer> getSavedWardNumbers(int wardno) {
 List ward = new ArrayList<>();
    
    try{
       Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/hms", "root", "");
        PreparedStatement s = conn.prepareStatement("SELECT BedNo FROM bedmanagement WHERE Ward_no=? ");
        s.setInt(1, wardno);
        ResultSet rs = s.executeQuery();
        while (rs.next()) {
            Beds beds = new Beds();
            beds.setWardNo(rs.getInt("BedNo"));
            ward.add(beds);
        }     
    }catch(SQLException e) {
    e.printStackTrace();
    }
    
    return ward;
}

 <script type="text/javascript">
    function fetchAvailableBeds()
{
    var wardNo = $("#Ward").val();
    $.ajax({
    url     : "<%=request.getContextPath()%>/FilterBeds",//Servlet Name
    data    : {Ward:wardNo},
    dataType: 'json',
    type    : "GET",
     success : function(data, textStatus, jqXHR)
    {
        console.log(data);
        var respons = data;
        var bedDetails = respons;
        if(bedDetails.length > 0)
        {
            $('#bed').empty().append('<option>--Select Bed--</option>');
            for(var i=0;i<bedDetails.length;i++)
            {
                $('#bed').append('<option value="'+bedDetails[i]+'">'+bedDetails[i]+'</option>' );
            }
        }
        else
        {
            $('#bed').empty().append( '<option>--No Beds Available--</option>');
        }

     }
  });
}


        </script>