[英]Get value of JSON object in using jquery
I created a java servlet in which I am using a JSON object and now I want to fetch the values from jSON object into my HTML page using Jquery but i don't know how to do it. 我创建了一个java servlet,我在其中使用JSON对象,现在我想使用Jquery从jSON对象中获取值到我的HTML页面,但我不知道该怎么做。
servlet code: 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("application/json");
设置response.setContentType("application/json");
in your Servlet before response.getWriter()
; 在response.getWriter()
之前的Servlet中
Add jQuery Js 添加jQuery Js
Then call getData()
like button click. 然后像按钮单击一样调用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);
}
});
}
});
In your javascript code, you can simply write: 在您的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 and fname variables contain the values which you put in your server side java code. status和fname变量包含您放在服务器端java代码中的值。
In general, for getting any value from a JSON Object in javascript, you just need to know the key. 通常,要在javascript中从JSON对象获取任何值,您只需要知道密钥。 var value1 = object.key1; var value1 = object.key1; var value2 = object.key2; var value2 = object.key2;
and so on.... 等等....
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.