jquery + jsonp +ajax 跨域访问

js跨域访问有时候确实不好搞定，所以在特定的情形下就能跨域访问，这里我用的是简单的get提交，post很难搞，不借助其他手段根本实现不了，这里只讲get提交，然后获取返回数据，下面一组代码，我验证过的，直接运行即可，一个页面，一个后台java，java用的springmvc实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=charset=utf-8">
   <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<title>控制台</title>

</head>
<script type="text/javascript">

	$(function(){
		$.ajax({
				data:{status:22,schedulerId:33},
				url:"http://127.0.0.1:8080/consoleAction/a.do",
				type : "get",
				cache : false,
				dataType : 'jsonp',
				jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数 
				success:function(data){
					alert(data.result);
				},
				error:function(msg){
					alert("error!!");
				}
			});
	});
	
	function callback(data){
		alert(data);
	}
</script>
<body>
	
</body>
</html>

java代码

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.alibaba.fastjson.JSON;
/**
 * 
 * @author songxiuliang
 *
 */
@Controller
@RequestMapping("consoleAction")
public class ConsoleAction {
	
	
	@RequestMapping(value="a.do" ,method=RequestMethod.GET)
	public void a(HttpServletRequest request, HttpServletResponse response) throws IOException {
		try {  
	        Map<String,String> map = new HashMap<String,String>();   
	        map.put("result", "contentdddrrr");  
	        String jsonpCallback = request.getParameter("jsonpCallback");//客户端请求参数  
	        response.getWriter().print(jsonpCallback+"("+JSON.toJSONString(map)+")");//返回jsonp格式数据 （这个格式必须这样写，否则跨域访问返回ajax会进入error函数，这个跟不跨越有点区别，其他都一样） 
	     } catch (IOException e) {  
	       e.printStackTrace();  
	     }

	}
}

jquery + jsonp +ajax 跨域访问

Anything

相关推荐

前端JS跨域策略

vue 解决jsonp跨域

什么是同源/跨域？什么是CORS？什么是JSONP？

跨域 jsonp

Javascript跨域

中止请求和超时跨域的HTTP请求认证方式 JSONP

JSONP跨域函数的手工实现

php不用jsonp也能跨域

前端跨域策略实践----cors，jsonp

ajax跨域 jsonp

jsonp跨域请求数据实例—手机号码查询

jQuery中利用JSONP解决AJAX跨域问题

JSONP跨域实现

跨域jsonp请求

利用Script实现JSONP跨域

sencha touch中JsonP跨域访问返回JSON字符串

深入浅出JSONP--解决ajax跨域问题

ajax，json，跨域jsonp总结

使用jsonp实现ajax跨域访问

轻量级网站建设jsonp跨域简单实例

使用JSONP完成HTTPS跨域请求

jsonp跨域请求详解

原生JS封装Ajax插件(同域、jsonp跨域)

详细解密jsonp跨域请求

Jsonp 跨域的原理以及Jquery的解决方案

基于Jquery的跨域传输数据(JSONP)

ajax和jsonp跨域的原理本质详解

Ajax jsonp跨域请求实现方法

jsonp 跨域访问