I want to send JSON converted data (html code) to the requestGet Servlet. My code is absolutely correct in which POST request is sent to the servlet but I have an error in conversion of string to JSON.
I am using myeclipse in which when I run this code it shows
"JSON is undefined"
but when I save it as HTML and run on FF it neither shows any error nor sends any request to the servlet. Please suggest whether my method is correct for sending JSON text to servlet by POST method.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.json.org/json2.js"></script>
<SCRIPT language="javascript">
var counter=0;
var controls=new Array();
function add(type) {
//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", type);
element.setAttribute("value", type);
element.setAttribute("name", type);
element.id=type+counter;
controls[counter]=element.id;
counter++;
var foo = document.getElementById("fooBar");
foo.appendChild(element);
}
function save(){
var data="";
var formTitle="Form1";
var method="post";
data="<HTML><HEAD><TITLE>"+formTitle+"</TITLE></HEAD><BODY><FORM METHOD="+method+"/>";
for(i=0;i<controls.length;i++){
var element=document.getElementById(controls[i]);
data+="<INPUT type=button id="+element.id+" value="+element.getAttribute("value")+"/>";
}
data+="</FORM></BODY></HTML>";
alert("Data::"+data);
DoSelectRecommendation(data);
}
/*
* code for sending request to the servlet.
*/
$(function() {
var frm = $(document.myform);
var dat = JSON.stringify(frm.serializeArray());
alert("I am about to POST this:\n\n" + dat);
$.post(
frm.attr("action"),
dat,
function(data) {
alert("Response: " + data);
}
);
});
var req;
function DoSelectRecommendation(Text) {
if(window.XMLHttpRequest && !(window.ActiveXObject)) {
try {
req = new XMLHttpRequest();
} catch(e) {
req = false;
}
} else if(window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
req = false;
}
}
}
var url="http://localhost:8080/TestForJsp/requestGet";
req.open("POST",url,true);
req.setRequestHeader("Content-type","application/x-www-form-urlencoded");
req.send(Text);
req.onreadystatechange = inserter;
}
function inserter() {
if (req.readyState == 4) {
if (req.status == 200) {
var msg = req.responseText;
alert("msg = "+msg);
if (msg == "") {
document.getElementById("msg1").innerHTML = "<div style=\"color:red\">"+"COS NIE TAK"+"</div>";
//document.getElementById("msg1").value = "blabla";
}
else
document.getElementById("msg1").innerHTML = "<div style=\"color:red\">"+msg+"</div>";
//document.getElementById("msg1").value = "COOOO JEST";
}
}
postrequest. That also doesn't make any sense. – VisioN May 28 '12 at 10:46this.valueinstead of$(this).val()– Alnitak May 29 '12 at 13:42