使用jquery在中获取JSON对象的值

我创建了一个Javaservlet，在其中我使用了一个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);
  }

---

Set

response.setContentType（“应用程序/json”）response.getWriter（）之前的代码>

添加jqueryjs

然后调用

getData（）

like按钮单击

<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);
                }
            });
      }

});

$（函数（）{
函数getData（）{
$.ajax({
url:'getDataServlet'，//您的Servlet映射
键入：“POST”，
数据类型：'json，
成功：功能（响应）{
警报（响应状态）；
},
错误：函数（请求、文本状态、错误抛出）{
警报（错误抛出）；
}
});
}
});

在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....
            }
        });
  }

$（函数（）{
函数getData（）{
$.ajax({
url:'getDataServlet'，
键入：“POST”，
数据类型：'json，
成功：功能（响应）{
var状态=data.status；
var fname=data.fname；
},
错误：函数（错误）{
//错误处理。。。。
}
});
}

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

通常，要从javascript中的JSON对象获取任何值，只需知道键。 var value1=object.key1； var value2=object.key2

---

以此类推……

您的servlet可能正在侦听某个端口/url——您知道uri吗？这可能会对您有所帮助