欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax跨域处理

程序员文章站 2022-07-10 20:21:08
...

前端:

<script src="js/jquery-1.12.4.min.js"></script>
	<script>
		$(function(){
			$.ajax({
				url:"http://localhost:8080/ajaxServlet",
				method:"get",
				data:{"name":"123"},
				dataType:"jsonp",
				jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数  
				success:function(data){
					alert(data);
				}
			})
		})
	</script>

后端:

@WebServlet("/ajaxServlet")
public class ajaxServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //接收参数
        String name=req.getParameter("name");
        String jsonpCallback=req.getParameter("jsonpCallback");
        resp.getWriter().println(jsonpCallback+"("+name+")");
        resp.getWriter().flush();
        resp.getWriter().close();
    }

结果:
ajax跨域处理