初学$ajax（）简单使用及前后台交互

初学$ajax简单使用及前后台交互

前台js代码

function logn() {

 var user_json = {
           "userName": "admin",
           "password": "E10ADC3949BA59ABBE56E057F20F883E",
           "love":{
            "food":"todou",
  "song":['akon','she']
           }
       };
 var jsonstr = JSON.stringify(user_json);
$.ajax({

type: "post",//上传类型post或get

url: 'ajaxuser',//url对应的serverlet或controller
dataType : 'json',//发到后台后的返回值类型
data : {'mydata':jsonstr},//发到后台的数据内容和
success: function(returnedData){
alert(returnedData.love.song[0]);//获取后台返回数据的某个值
},
error: function(){
alert("操作失败!");
}
});
}

后台controller的代码

//ajax异步刷新
String jsonStr=request.getParameter("mydata");//接收前台信息


System.out.println(jsonStr);
JSONObject jsonobj = new JSONObject(jsonStr); //转换字符串为json对象 
response.setContentType("text/html;charset=utf-8");
       PrintWriter out;
try {
out = response.getWriter();

out.print(jsonobj);//返回信息给前台

       out.flush();
       out.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}