前后端数据交互 笔记03(get和post方法)
1.解决页面网站中,中文出现乱码的情况:
request.setCharacterEncoding("utf-8")
response.setCharaterEncoding("utf-8")
2.给后端设置返回json数据:
response.setContentType("text/json,charset=utf-8")
【注意:使用上述格式时,Java文件中一定要有符合json,可返回的数据结构】
e.g:
res ="{\"name\":\"Rain\",\"age\":\"20岁\",\"sex\":\"nu\"}";
//其中\"表示转译符中的双引号,因为在Java文件中,双引号不能够嵌套双引号使用,所以需要用到转译符号
3.ajax中type部分(get请求和post请求的区别):
①请求方式不同
post请求data方式:
var a = "Rain"
var b = "123456"
$.ajax({
url:"../index", //请求路径
type:"post", //请求方式get,post
data:{
account:a, //post请求参数域方法
//其中account等载体和后端Java中的"request.getParameter("account");"中传入的数据对应
password:b
}, //参数域
success:function(value){
console.log(value)
//请求代码
},
error:function(){
//请求失败
alert("请求失败!");
},
})
get请求方式:
url="../index?account=Rain&password=123456"
//即格式为“路径”+“?”+“载体:载体对应的数据”
另一种get传参方式(字符串拼接):
var a = "Rain"
var b = "123456"
$.ajax({
url:"../index?account="+a+"&passward="+b,, //字符串拼接
})
②get-->查;post-->增上改
get:只要能写地址的地方都能发起get请求,e.g.浏览器地址栏a location.href=' '
post:通过jquery+ajax方式发起(或from发起);但是post可用于数据的增、删、改(因为get请求的写地址就能访问的特性,所以get请求不具有随意增删改的作用)