关于JSON的前后交互

文章目录

• ​​1.首先前端要进行其中的值得替换可在javascript里面写​​
• ​​2.使用ajax像后端传值使用url拼接的传值方式，不可以使用post的请求，会报错​​
• ​​注意使用layui的表格时候要使用​​
• ​​解决跨域问题​​
• ​​$("#id/.class")的val和text和html的区别​​

1.首先前端要进行其中的值得替换可在javascript里面写

$(window).load(function(){});

2.使用ajax像后端传值使用url拼接的传值方式，不可以使用post的请求，会报错

传到后端（servlet）可以使用request.getParameter(“Json的Key”)进行接收

使用response.getWriter().write(JSONObject.toJSON(map).toString());进行向前端传值

前端接收： success:function (res){
var obj=JSON.parse(res);}
然后只用直接obj.key获取值

使用text赋值

$('.MM').text(obj.name);//赋值
    alert($('.MM').text());

注意使用layui的表格时候要使用

Layui的table从前端接收json要有code：0；msg:“success”;count：“”；data:数据

解决跨域问题

/* 允许跨域的主机地址 */
response.setHeader("Access-Control-Allow-Origin", "*");  
/* 允许跨域的请求方法GET, POST, HEAD 等 */
response.setHeader("Access-Control-Allow-Methods", "*");  
/* 重新预检验跨域的缓存时间 (s) */
response.setHeader("Access-Control-Max-Age", "3600");  
/* 允许跨域的请求头 */
response.setHeader("Access-Control-Allow-Headers", "*");  
/* 是否携带cookie */
response.setHeader("Access-Control-Allow-Credentials", "true");

$("#id/.class")的val和text和html的区别

val一般用于input的类型，也可以用于其他的类型，主要用于获取标签的value的值

text单纯的获取标签的内容

html除了获取内容，也会获取标签的样式