标签:head 请求 jsonObject controller json value var Ajax msg
使用ajax请求controller
前端js
$.ajax({
url: "/test1",
data: {"first": "1111",
"second":"2222"
},
type: "POST",
dataType: "json",
success: function(msg) {
var dataJson = JSON.stringify(msg)
var json1=JSON.parse(dataJson);
var head=json1.head;
if(msg!=null)
alert(head);
},});
url:后端映射地址
type:交换数据类型
success:请求成功的回调函数
后端controller
@Controller
public class TestAjax {
@PostMapping("test1")
@ResponseBody
String Test1(@RequestParam(value = "first", required = false)String msg1,
@RequestParam(value = "second", required = false)String msg2){
System.out.println(msg1);
System.out.println(msg2);
JSONObject jsonObject=new JSONObject();
jsonObject.put("head","success");
return JSONObject.toJSONString(jsonObject);
}
}/*结果输出1111
2222*/
添加注解 @ResponseBody返回数据给当前页面而不是跳转
@RequestParam(value = “first”, required = false)注解用于获取ajax中data内的参数,其中value为data中键值对(key,value)中的value的
注意要点
后端返回为字符串
如下
String xxx(){
XXX;
return JSONObject.toJSONString(jsonObject);}//jsonObject为json对象
前端接收数据为
success: function(msg) {//msg为直接可以使用的json对象,不需要进行转换。。。猜测可能是ajax中确定了
var head=msg.head; //数据格式为json所有不需要再次转换(再次转换反而会出错)
if(msg!=null)
alert(head);
}
前端处理json方法
var dataJson = JSON.stringify(xxx);//该方法作用为将json对象转换为json字符串
var json1=JSON.parse(xxx);//该方法作用为将json字符串转换为json对象
//两个方法效果相反
标签:head,请求,jsonObject,controller,json,value,var,Ajax,msg 来源: https://blog.csdn.net/qq_51498973/article/details/122014161
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。