使用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;

等等....