Jsonp是解决跨域问题的一个办法。在jsonp:"callback"是对应后台返回的值使用的。
客户端页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="uploadify/jquery.min.js"></script>
</head>
<body>
</body>
</html>
<script type="text/javascript">
(function(){
$.ajax({
async: false,
url:"http://16.165.53.40:8080/upload/ddsd.do",
//url:"http://16.165.53.40:8080/upload/somejson",
type:"get",
dataType:"jsonp",
jsonp:"callback",
data:null,
contentType:"application/json;utf-8",
success: function(result){
alert(11);
},
failure: function(){
alert(222);
}
});
})();
</script>
服务器接收代码:
package com.file;
import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;
import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import org.apache.catalina.core.ApplicationContext;
import org.apache.tomcat.util.http.fileupload.FileItem;
import org.apache.tomcat.util.http.fileupload.FileItemFactory;
import org.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory;
import org.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;
public class UploadServlet implements Servlet {
@Override
public void destroy() {
}
@Override
public ServletConfig getServletConfig() {
return null;
}
@Override
public String getServletInfo() {
return null;
}
@Override
public void init(ServletConfig arg0) throws ServletException {
}
@Override
public void service(ServletRequest request, ServletResponse response)
throws ServletException, IOException {
String callback = request.getParameter("callback");
System.out.println(request.getParameter("callback"));
response.getWriter().print(callback+"({success:'successful'})");
}
private void createFolder(String path){
File file = new File(path);
if(!file.exists()){
file.mkdirs();
}
}
}
分享到:
相关推荐
html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台
原生Js利用Jsonp跨域实现百度搜索功能
在js里使用Jsonp 实现跨域解决源代码实例
ajax jsonp 跨域处理
ajax jsonp跨域传参,里面有源码,不过写在txt中了,很适合调用别人的接口
ajax跨域CORS方案 JSONP跨域请求方案.zip
使用jsonp跨域获取json数据。Ajax获取JAVA服务器json数据。
原生ajax库,实现jsonp跨域,短小精悍。
jquery下利用jsonp跨域访问实现方法.docx
jsonp跨域请求数据实现手机号码查询实例分析.docx
jsonp跨域获取数据的基础教程.docx
jsonp跨域获取百度联想词的方法分析.docx
本文将给您介绍如何使用getJSON来实现异步跨域提交表单
本文主要介绍了jsonp跨域请求实现示例。具有很好的参考价值。下面跟着小编一起来看下吧
第25周-第06章节-Python3.5-JSONP跨域请求jQuery方式.avi
NULL 博文链接:https://onestopweb.iteye.com/blog/2326155
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。接下来通过本文给大家介绍JSONP跨域请求实例详解,感兴趣的朋友一起看下吧
当进行一些比较深入的前端编程的时候,不可避免地需要进行跨域操作,JSONP跨域GET请求是一个常用的解决方案,下面我们来看一下JSONP跨域是如何实现的,并且探讨下JSONP跨域的原理。
jsonp的原理 jsonp的使用,使用jsonp解决js跨域问题!
今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友