JavaScript访问远程Servlet的跨域问题

最新推荐文章于 2021-12-26 15:56:00 发布

weixin_33721344

最新推荐文章于 2021-12-26 15:56:00 发布

阅读量87

点赞数

文章标签： java json python

原文链接：https://my.oschina.net/nixuewen/blog/90500

版权

2019独角兽企业重金招聘Python工程师标准>>>

1. 服务端：

ServiceServlet.java

package webservice.servlet;
 
 import java.io.IOException;
 
 import javax.servlet.ServletException;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
 public class ServiceServlet extends HttpServlet {
     private static final long serialVersionUID = -1671938285703384549L;
 
     @Override
     protected void doGet(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
         this.doPost(request, response);
     }
 
     @Override
     protected void doPost(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
         // JSON字符串
         String json = "{'key1':'val1','key2':'val2','key3':'val3'}";
         
         String result = request.getParameter("callback") + "(" + json + ")";
         
         response.setContentType("text/javascript");
         response.getWriter().print(result);
     }
 
 }

web.xml

<?xml version="1.0" encoding="UTF-8"?>
 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
     id="WebApp_ID" version="2.5">
     <display-name>Webservice Servlet</display-name>
 
     <servlet>
         <servlet-name>ServiceServlet</servlet-name>
         <servlet-class>webservice.servlet.ServiceServlet</servlet-class>
     </servlet>
     <servlet-mapping>
         <servlet-name>ServiceServlet</servlet-name>
         <url-pattern>/ServiceServlet</url-pattern>
     </servlet-mapping>
 </web-app>

2. 客户端：

client.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
     <head>
         <title>Ajax跨域</title>
         <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
     </head>
     
     <script type="text/javascript">
         var url = "http://localhost:8080/ws/ServiceServlet";
         
         $.ajax({
             type: "post", // 或者 "get"
             url: url,
             dataType: "jsonp",
             jsonp: "callback",
             success: function(json) {
                 alert(json.key1);
             }
         });
         
         $.get(url, {"callback": "?"}, function(json) {
             alert(json.key2);
         },"jsonp");
         
         $.post(url, {"callback": "?"}, function(json) {
             alert(json.key3);
         },"jsonp");
     </script>
     <body>
     </body>
 </html>

转自http://www.cnblogs.com/lorence/archive/2012/09/11/2680969.html

转载于:https://my.oschina.net/nixuewen/blog/90500