使用jquery获取JSON对象的值

Question

我创建了一个java servlet，我在其中使用JSON对象，现在我想使用Jquery从jSON对象中获取值到我的HTML页面，但我不知道该怎么做。

servlet代码：

  ResultSet rs = st.executeQuery("Select * from SampleTable");
  JSONObject obj= new JSONObject();

  if(rs.next())
  {
      String fname=rs.getString(1);
      obj.put("status", "yes");
      obj.put("fname",fname);
      System.out.println(obj);
      out.print("Hello" + obj);

  }
  else
  {
      obj.put("status", "no");
      out.print(obj);
  }

Answer 1

设置response.setContentType("application/json"); 在response.getWriter()之前的Servlet中

添加jQuery Js

然后像按钮单击一样调用getData() 。

<script type="text/javascript">
  $(function(){
      function getData() {

          $.ajax({
                url : 'getDataServlet', // Your Servlet mapping
                type : 'POST',
                dataType : 'json, 
                success : function(response) {
                    alert(response.status);
                },
                error : function(request, textStatus, errorThrown) {
                    alert(errorThrown);
                }
            });
      }

});

Answer 2

在您的javascript代码中，您可以简单地写：

<script type="text/javascript">
$(function(){
  function getData() {

      $.ajax({
            url : 'getDataServlet', 
            type : 'POST',
            dataType : 'json, 
            success : function(response) {
                var status = data.status;
                var fname = data.fname;
            },
            error : function(error) {
                //error handling....
            }
        });
  }

status和fname变量包含您放在服务器端java代码中的值。

通常，要在javascript中从JSON对象获取任何值，您只需要知道密钥。 var value1 = object.key1; var value2 = object.key2;

等等....