Я пытаюсь передать значения из базы данных в js. Но я получаю ошибку stepup?

Question

Я получил свои значения lat и lng в базе данных и пытаюсь получить их в моем javascript по нажатию кнопки с id («track»). но следующий код выдает ошибку «stepUp», вызванную для объекта, который не реализует интерфейс HTMLInputElement. как решить эту проблему

Заранее спасибо.

Создать. js

document.getElementById("track").onclick=function tracking(){
    console.log("Tracking");
    var tname=document.getElementsByName("frname");
    var params ={
            trname:tname,
            bt:"I"  
    }
    $.get("SC",$.param(params),function(responsetext){
        var a=responsetext;
        console.log(a);
    });
}

ServerConnect. java

if(bt1.equals("I")){
            String tname=request.getParameter("tname");
            String uname=(String)session.getAttribute("uname");
            try {
                cords =requestingclass.getupdatedlocation(tname,uname);
                String lat=cords.get(1);
                String lng=cords.get(2);
                response.setContentType("text/plain");
                response.setCharacterEncoding("UTF-8");
                response.getWriter().write(lat);
                response.getWriter().write(lng);
            } catch (ClassNotFoundException | SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }

запрашивающий класс. java

public static ArrayList<String> getupdatedlocation(String tname, String uname) throws ClassNotFoundException, SQLException {
        Connection con = ConnectionUtility.connect();
        PreparedStatement ps =con.prepareStatement("select lat,lng from requesttable where requester=? and requested=?");
        ps.setString(1, uname);
        ps.setString(2, tname);
        ArrayList<String> cords=null;
        ResultSet rs= ps.executeQuery();
        while(rs.next()){
             cords=new ArrayList<String>();
             cords.add(rs.getString(1));
             cords.add(rs.getString(2));
        }
        return cords;


    }

Answer 1

Эта строка вызывает проблему:

var tname = document.getElementsByName("frname");

tname содержит объект Element. Затем вы пытаетесь отправить его в данных запроса, поэтому jQuery пытается его сериализовать, вызывая проблему.

Я предполагаю, что вместо контекста вы хотите получить значение элемента, поэтому используйте это вместо:

var tname = document.getElementsByName("frname").value;