英文网站建设方法,公司变更经营地址需要哪些资料,电商网站的多选菜单插件,企业网站的建立目的和特点是什么最近接手一个项目#xff0c;新项目需要调用老项目的接口#xff0c;但是老项目和新项目不再同一个域名下#xff0c;所以必须进行跨域调用了#xff0c;但是老项目又不能进行任何修改#xff0c;所以jsonp也无法解决了#xff0c;于是想到了使用了Httpclient来进行服务端…最近接手一个项目新项目需要调用老项目的接口但是老项目和新项目不再同一个域名下所以必须进行跨域调用了但是老项目又不能进行任何修改所以jsonp也无法解决了于是想到了使用了Httpclient来进行服务端的“跨域”来替代jsonp的客户端跨域方案。 上一篇博文中详细剖析了jsonp的跨域原理本文使用Httpclient来替代jsonp的客户端跨域方案。
先去 http://hc.apache.org/downloads.cgi 下载最新版httpclient。解压tutorial文件夹中有html和PDF的使用介绍。
下面实现从8888端口的html4项目中跨域访问8080端口的html5项目中的JsonServlet
1在html4中建立一个中间代理servelt和一个工具类工具类代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 import java.io.IOException; import java.io.OutputStream; import org.apache.http.HttpEntity; import org.apache.http.StatusLine; import org.apache.http.client.ClientProtocolException; import org.apache.http.client.HttpResponseException; import org.apache.http.client.methods.CloseableHttpResponse; import org.apache.http.client.methods.HttpPost; import org.apache.http.impl.client.CloseableHttpClient; import org.apache.http.impl.client.HttpClients; public class HttpUtil { public static boolean returnResponseOfUrl(String url, OutputStream os) { CloseableHttpClient httpclient HttpClients.createDefault(); HttpPost httpPost new HttpPost(url); CloseableHttpResponse response null; try{ response httpclient.execute(httpPost); StatusLine statusLine response.getStatusLine(); HttpEntity entity response.getEntity(); if(statusLine ! null statusLine.getStatusCode() 300){ throw new HttpResponseException(statusLine.getStatusCode(), statusLine.getReasonPhrase()); } if(entity null){ throw new ClientProtocolException(response contains no content); } entity.writeTo(os); return true; }catch(IOException e){ e.printStackTrace(); return false; }finally{ if(response ! null){ try{ response.close(); }catch(IOException e){ e.printStackTrace(); } } } } } 中间代理servlet代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 WebServlet(/HttpclientServlet) public class HttpclientServlet extends HttpServlet { private static final long serialVersionUID 1L; public HttpclientServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String url request.getParameter(url); if(url ! null){ if(!HttpUtil.returnResponseOfUrl(url, response.getOutputStream())){ if(!HttpUtil.returnResponseOfUrl(url, response.getOutputStream())){ // 如果出错再试一次 // log.error(url: url); }; } } } } html4项目中的访问页面代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 !doctype html html head meta charsetutf-8 meta namekeywords contentjsonp meta namedescription contentjsonp titlejsonp/title style typetext/css *{margin:0;padding:0;} div{width:600px;height:100px;margin:20px auto;} /style /head body div a hrefjavascript:;jsonp测试/a /div script typetext/javascript srcjs/jquery-1.11.1.js/script script typetext/javascript $(function(){ $(a).on(click, function(){ $.ajax({ type:post, url:http://localhost:8888/html4/HttpclientServlet?urlecodeURIComponent(http://localhost:8080/html5/JsonServlet), success:function(data) { console.log(data); console.log(data.name); console.log(data.age); var user JSON.parse(data); console.log(user.name); console.log(user.age); } }); }) }); /script /body /html
上面通过urlhttp://localhost:8080/html5/JsonServlet 将我们最终要跨域访问的url地址传给自己服务器下的 HttpclientServlet. 然后在 HttpclientServlet 中使用httpclient访问 跨域 url 中的servlet成功之后将返回的结果返回给客户端。
html5项目中被 跨域 访问的servlet代码如下 WebServlet(/JsonServlet)
public class JsonServlet extends HttpServlet
{private static final long serialVersionUID 4335775212856826743L;protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {User user new User();user.setName(yuanfang);user.setAge(100);Object obj JSON.toJSON(user);System.out.println(user); // com.tz.servlet.User164ff87System.out.println(obj); // {age:100,name:yuanfang}response.getWriter().println(obj);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
} 启动8888和8080端口的tomcat,访问 http://localhost:8888/html4/jsonp.html 结果如下 我们注意到第二和第三项都打印的是 undefined 这是因为 中间代理的 HttpclientServlet使用的是直接输出流的方式所以最终返回的结果不是Json对象而是字符串所以需要使用 var user JSON.parse(data); 来进行解析成 javascript对象就可以所以第四和第五项都正常输出了结果。
如果想返回的是json对象加一句代码 response.setContentType(text/json;charsetutf-8); 就可以 1 2 3 4 5 6 7 8 if(url ! null){ response.setContentType(text/json;charsetutf-8); if(!HttpUtil.returnResponseOfUrl(url, response.getOutputStream())){ if(!HttpUtil.returnResponseOfUrl(url, response.getOutputStream())){ // 如果出错再试一次 // log.error(url: url); }; } }
这样的话浏览器在看到 contentType: text/json;charsetutf-8 时它的js执行引擎会自动帮助我们将字符串解析成json对象。也就是相当于自动调用了 JSON.parse(data) 的效果。
