Ajax跨域请求以及乱码解决

　　Ajax跨域请求2种解决方法

1 ) 什么叫跨域请求，协议，域名，端口号，其中一样不同都称跨域;

第一种：使用script标签发送请求;

//创建一个script标签;

var v_element=document.createElement("script");

//设置script的type 属性;

v_element.type="text/javascript";

//设置src属性;

v_element.src="http://127.0.0.1:8080/包名/login.do?"+v_data; //v_data参数;

//把script扔到head标签里面去，给head增加一个孩子;

document.getElementsByTagName("HEAD")[0].appendChild(v_element);

这样怎么调用回调？

在data.jsp上调用回调方法即可

callBack("${data}")

因为使用El表达式，所以必须加双引号;

第二种：在servlet里把头文信息设置，添加下面两行代码就可以了

response.setHeader("Access-Control-Allow-Origin", "*");　　//允许所有跨域

response.setHeader("Access-Control-Allow-Methods", "POST,GET"); //post&get两种都允许

2 ) 什么叫乱码? --分为两种--

请求数据乱码

尽可能使用post请求避免乱码，后台使用request.setCharacterEncoding("UTF-8")设置请求对象编码

如果非要使用get请求，可以在js页面，将事先需要传递的数据转换成UTF-8格式，后台就可以直接获取了

例：“login.do?”+encodeURI(数据)

响应数据乱码

如果要通过servlet返回响应，servlet需要设置

response.setCharacterEncoding("UTF-8");

response.setContentType("text/html;charset=UTF-8");

通常不推荐这种方式返回信息，推荐用jsp作为响应的页面，这个页面只需要拥有一个El的表达式即可;

转载于:https://www.cnblogs.com/J-Joyce/p/9195837.html

Ajax跨域请求以及乱码解决相关推荐

thinkphp ajax 跨域请求 Access-Control-Allow-Origin 完美解决
在前后端分离的开发中,前端经常遇到请求接口跨域的问题遇到这种问题,解决方法有两种: 方法一.用jsonp的格式返回数据给前端,而不是json,这个方法治标不治本,需要注意的是,使用jsonp的时候, ...
用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
本地主机作服务器解决AJAX跨域请求访问数据的方法
本地主机作服务器解决AJAX跨域请求访问数据的方法参考文章: (1)本地主机作服务器解决AJAX跨域请求访问数据的方法 (2)https://www.cnblogs.com/QiScript/p/5 ...
第114天：Ajax跨域请求解决方法（二）
一.什么是跨域我们先回顾一下域名地址的组成: http:// www . google : 8080 / script/jquery.js http:// (协议号) www (子 ...
ajax请求时拒绝访问,ajax跨域请求js拒绝访问的解决方法
ajax跨域请求js拒绝访问的解决方法内容精选换一换可能原因kubelet服务没有运行或运行异常.kubelet服务没有运行或运行异常.解决方法可以通过systemctl status kube ...
jQuery ajax跨域请求的解决方法
jQuery ajax跨域请求的解决方法参考文章: (1)jQuery ajax跨域请求的解决方法 (2)https://www.cnblogs.com/freeweb/p/4908832.html ...
ajax error parsererror,完美解决ajax跨域请求下parsererror的错误
AJAX 的完美解决ajax跨域请求下parsererror的错误 ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交.返回都正常 XMLH ...
js请求结果拦截机器_js利用jquery的jsonp来解决ajax跨域请求被浏览器拦截结果的问题...
先来个表.页面太多对不起我也不知道这张表是从哪个博客保存过来的,所以无法注明博客地址.非常抱歉.URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b. ...
AJAX跨域请求数据原理与案例
1.如何通过AJAX跨域请求数据 AJAX通过jsonp来实现跨域请求数据,通过设置dataType(jquery)为jsonp即可. 2.AJAX如何通过jsonp实现跨域(来源于其他网站资料) J ...

Ajax跨域请求以及乱码解决

Ajax跨域请求2种解决方法

Ajax跨域请求以及乱码解决相关推荐

最新文章

热门文章