saving large size json string using ajax,jquery ,java - java

I am calling server side method using jQuery AJAX and I am sending json string to controller .
When the json size is small it is working well but when json size increases (say more 7.kb) it is not accepting json string from server side.
I think there is limitation in return size in jQuery AJAX method, can anybody help me to overcome this problem or suggest any alternate option to to send large js
My client side code is like,
$.ajax({
url : 'savingurl.json',
method : 'post',
data : {
jsonStr : jsonStr
},
success : function(data){
alert("success");
}
});
In above my success function is not getting executed when there is more data in jsonStr but when there is less data, it is executing fine.
Thanks in advance.

Thank u all .. now its working fine . The problem was with ajax method ,
instead of method: in ajax put type: ,then it will take large data ..
$.ajax({
url : 'savingurl.json',
// method : 'post',
type : 'POST',
data : {
jsonStr : jsonStr
},
success : function(data){
alert("success");
}
});

Related

Getting Temperature and Humidity from NOAA web api v2

The new NOAA api says that I need to put a token in the header for me to send request and it is giving me a token required error without it. I entered my email and received a token, but I am unsure on how to put it in a format that I can get a response.
Is there a way I can get a JSON response by posting all the information in the URL or do I need to make a html/php page? If I do need to create a web page, is there a library I can import that will allow me to get the JSON in java without the need for a webpage?
you do not need to import any library for accessing NOAA-API you can directly call it using token.
you will have to add your token in header if you are calling it through AJAX call.
open:- http://js.do/
1.add a script
Run this code using your token value.
<script>
function testjson(){
//alert("inside testjson");
jsontest = $.ajax({
type: 'GET',
url: 'https://www.ncdc.noaa.gov/cdo-web/api/v2/data?datasetid=GHCND&locationid=ZIP:28801&startdate=2010-05-01&enddate=2010-05-01',
//you can use different data-set values.
headers: {
Token: 'provide your token here'//example:'kxhfoJOtnEuxSNnMGMMSEITkmcsAFmFT'
},
// async: false,
dataType: 'json',
success: function (data) {
//Do stuff with the JSON data
alert(JSON.stringify(data));
jsontest = data;
console.log("data is: " + data);
},failure: function(){
alert("ajax failed");
}
});
console.log(jsontest);
//console.log(jsontest[0]);
}
testjson();
</script>

How to get JSON data from POST request using Servlet

This is my code on the client side:
$.ajax({
type:'POST',
charset:'utf-8',
url:'http://localhost:8180/GisProject/MainService',
data:JSON.stringify(params),
success:function(msg)
{
console.log(msg);
},
error:function(xhr,status)
{
console.log(status);
},
contentType:"application/json"
});
I have previously parsed this data in Node using express.bodyParser but now I have to parse it using the servlet.I have seen people assign variables here without using JSON.stringify and getting that variable using request.getParameter(myData).
What is the standard way of getting the JSON data into the servlet?
And why do people seem to be sending Javascript objects with JSON embedded as a String within like data:{mydata:JSON.stringify(actualData)}?
In case I was not being clear,I want to use the doPost method's request object to get the data I sent from the client side.
On the server side in a servlet you can read POST data payload from request.getReader()
And you can use JSON library like GSON to parse JSON. Something like:
YourClass obj = new Gson().fromJson(request.getReader(), YourClass.class)
Try this:
$.ajax({
type:"POST",
url:'http://localhost:8180/GisProject/MainService',
data:{mydata:JSON.stringify(params)},
datatype:"json",
success:function(msg)
{
console.log(msg);
},
error:function(xhr,status)
{
console.log(status);
},
});
you can send request and response object to doGet method and than get the json in the same way.
Way to send object to doGet
doGet(request, response); call it in to the post method.
Hope this should help for you:
var obj = jQuery.parseJSON( '{ "name": "John" }' );
alert( obj.name === "John" );

JQuery was not Called

I am getting errors on callBacks. I have tried following code in jsfiddle.com . You can also try. Data from servelet is not returning. It's returning same error again and again. Check jquery library when you try in jsfiddle
$.ajax({
url : 'http://192.168.16.111:8081/MiddleWareUsman/androidServlet',
type : "post",
dataType: "jsonp",
data : {
"fname": "chaaaaapiio",
"lname": "gya"
},
success : function(data) {
alert("hello"+data);
},
error : function(xhr, ajaxOptions, thrownError) {
alert(thrownError);
}
});
My server side:
String a=request.getParameter("fname");
String b=request.getParameter("lname");
response.getWriter().write(a+" "+ b);
It appears you have a couple problems.
JSONP requests can't be sent via POST. They are actually sent as <script> tag requests anyway which are GET requests.
Your server isn't doing JSONP. For the server to do JSONP, it must wrap the requested data in a call to a javascript function who's name was passed as an argument to the request and then the actual data is passed as an argument to that function. JSONP is a big hack, but it works by requesting a javascript and that's what the server must return.
you simply can't send a POST request using JSONP
check this link out to see how JSONP works..

Jquery ajax call returns error when the rest service is returning a string

Trying to send a simple text from my rest service and read it using ajax call. Found many answers about jsonp and cross browser compatibility, tried crossdomain too.
Here is the rest service:
Trimmed everything down to send only a simple string.
#GET
#Path("/getcontents2")
#Produces({MediaType.TEXT_PLAIN})
public String getContents2(#QueryParam("name") String msg) {
return "abc";
}
The ajax call:
$(document).ready(function() {
$.ajax({
type: 'GET',
url: 'http://metrics/getcontents2?name=Work/loc.txt',
crossDomain: true,
async: false,
dataType:'html',
success: function (data) {
console.log(data);
},
error: function (xhr, ajaxOptions, thrownError) {
console.log(xhr.status);
console.log(thrownError);
console.log(xhr.responseText);
console.log(xhr);
},
});
});
The browsers opens up the string as is. I guess something is really wrong in the jquery script.
Error on Firebug:
GET http://metrics/getcontents2?name=Work/loc.txt 200 OK 4ms
0
(an empty string)
(an empty string)
Object { readyState=0, status=0, statusText="error"}
Fixed it!
It was because my server was not supporting cross-domain. Configured it will corsfilter and it worked like a charm!
try setting your datatype to text jsonp
dataType: 'jsonp',
http://api.jquery.com/jQuery.ajax/
You will have to do one of two things to go with this to resolve the error further;
making changes on the server side to pass the data back as json and not as text
retun the string encoded in json return "{"text":"abc"}"; //or something like this
Why?
jquery cross-domain requests are only allowed for dataTypes "script" and "jsonp".
I have updated your fiddle it still throws an error but that is related to a parse json error

I'm unable to receive the json object sent from my servlet

$(document).ready(function() {
var path = null;
console.log('${pageContext.request.contextPath}/loadfile');
$.ajax({
dataType: "json",
url: '${pageContext.request.contextPath}/loadfile',
success: function(data){
$.each(data,function(index,obj){
console.log(obj.id);
alert('inside');
path = obj.path;
});
}
});
here /loadfile is the url which returns the json object , when I go to this url I am able to see the JSON object printed on the html page , however I dont get the same when I access the page which contains the above javascript code
Often people don't tell their server to the the browser that the JSON string they are sending is to be interpreted as a json object.
Despite the fact that dataType:'json' is supposed to sort it out, it is not always the case.
in PHP
header("Content-type: application/json");
ASP
Response.AddHeader('Content-Type', 'application/json');
Failing that,
success: function(data){
if (typeof data!='object') data=$.parseJSON(data); // make sure it's an object
I can't figure out why jQuery doesn't fix it but the response headers, even with dataType:'json' set can appear as application/x-www-form-urlencoded; charset=UTF-8 and the object doesn't get created.

Categories