详见：http://www.cnblogs.com/lemontea/archive/2012/12/11/2812268.html

$("#getJsonpByJquery").click(function () {

    $.ajax({

        url: 'http://localhost:2701/home/somejsonp',

        dataType: "jsonp",  //jsonp格式

        jsonp: "callback",　//jsonp的回调函数
        jsonpCallback:"jsonCallBack", //指定回调函数  需要在后台中做下处理

        success: function (data) {

            console.log(data)

        }

    })

})

完整Demo两种方法：js



<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jsonpAjaxCall.html</title>
	<script type="text/javascript" src="/javascript/jquery.js"></script>
	<script type="text/javascript">
		　　function jsonCallBack(d){ alert("123"); }
		　　function HuiDiaoMethod(d){console.log(d); }
		　　$(function(){
			　　　　//第一种方法：更原生些，但毕竟麻烦，需要向Dom树中添加script节点  需要回调函数
			　　　　$("#send").on('click', function(event) {
				　　　　　　//<\/script> 注意这里有一个转义字符 \/
				　　　　　　$("<script><\/script>").attr("src","http://10.1.56.153:6631/ajaxcall.ashx?callback=HuiDiaoMethod").appendTo('body');
			　　　　});




　　　　//推荐第二种方法：简单（无需添加script节点 无需要回调函数） 
			　　　　$("#ajax").on("click",function(){
				　　　　　　$.ajax({


　　　　　　　　"url":"http://10.1.56.153:6631/ajaxcall.ashx",


					　　　　　　　　"dataType":"jsonp",
					　　　　　　　　jsonp: "callback",　//回调函数在QueryString中的键值,默认是callback。后台Request["callback"] 获取回调函数名称
					　　　　　　　　jsonpCallback:"jsonCallBack", //指定回调函数  需要在后台中做下处理  
			        　　　　　　　　success: function (data) {	//data是json对象  后台最终输出的是 jsonCallBack（data）
			            　　　　　　　　　　　　　　　　　　　　　　　　console.log(data)
			        　　　　　　　　　　　　　　　　　　　　 }
				　　　　　　　　　});
			　　　　　});
		　　});	
	</script>
</head>
<body>
	<button id="send">getJsonp</button>
	<button id="ajax">AjaxgetJsonp</button>
</body>
</html>


 




备注：


后台返回的数据格式必须是：


MethodName(参数);


参数可以是json格式 也可以不是json格式。 但一定要是上面的格式 否则js会报错。


补充：


Access-Control-Allow-Origin


只有当目标页面的response中，包含了 Access-Control-Allow-Origin 这个header，并且它的值里有我们自己的域名时，浏览器才允许我们拿到它页面的数据进行下一步处理。




protected override void Application_BeginRequest(object sender, EventArgs e)

{

                //HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");

                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Credentials", "true");

                HttpRequest request = HttpContext.Current.Request;

                string orig = request.Headers.Get("Origin");

                if (!string.IsNullOrEmpty(orig)&& request.UrlReferrer!=null&&!string.IsNullOrEmpty(request.UrlReferrer.Host))

                {

                    var host = request.UrlReferrer.Host;

                    orig = request.UrlReferrer.Scheme+"://"+ host;

                    if (request.UrlReferrer.Port !=  && request.UrlReferrer.Port != )

                    {

                        orig += ":" + request.UrlReferrer.Port;

                    }

                    //不是 CookieDomain指定的域名下的请求全部拒绝。

                    if (!host.EndsWith(ConfigurationManager.AppSettings["CookieDomain"]??"localhost",StringComparison.OrdinalIgnoreCase))

                    {

                        // TODO:refuse



　　　　　　　　　　　　　　　　　　orig =string.empty;


　　　　　　　　　　　　} 
　　　　　　　　　　} 

else if (!ConfigurationManager.AppSettings["Static"].Equals(orig, StringComparison.CurrentCultureIgnoreCase)) { orig = ConfigurationManager.AppSettings["Dynamic"]; } HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", orig); }


												


											
防止跨域（jsonp详解）的更多相关文章
	

    
						
  1. 「JavaScript」四种跨域方式详解
		
    超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript 的同源策略,并且了解使用跨域跨域的理由. 1. JSONP 首先要介绍的跨域方法必然是 JSON ...
    
		
    2. 
						
  2. 「JavaScript」JS四种跨域方式详解
		
    原文地址https://segmentfault.com/a/1190000003642057 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript  ...
    
		
    3. 
						
  3. 前台主页搭建、后台主页轮播图接口设计、跨域问题详解、前后端互通、后端自定义配置、git软件的初步介绍
		
    今日内容概要 前台主页 后台主页轮播图接口 跨域问题详解 前后端打通 后端自定义配置 git介绍和安装 内容详细 1.前台主页 Homeviwe.vue <template> <di ...
    
		
    4. 
						
  4. jQuery中getJSON跨域原理详解
		
    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp28 jQuery中getJSON跨域原理详解 前几天我再开发一个叫 河蟹工 ...
    
		
    5. 
						
  5. jsonp 跨域原理详解
		
    JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略).这一策略对于Java ...
    
		
    6. 
						
  6. jsonp跨域访问详解
		
    jsonp是"用来跨域的" 同源策略 首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性. 1.随便建两个网 ...
    
		
    7. 
						
  7. CORS(跨域资源共享)详解及与JSONP的对比
		
    上篇讲解的JSONP的跨域请求方式,但是在浏览器的支持及请求方式上有局限性,接下来将介绍一种新的跨域请求方式CORS. CORS是一个W3C标准,全称是"跨域资源共享"(Cross ...
    
		
    8. 
						
  8. jQuery jsonp跨域请求详解
		
    跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的. 浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互. 如果协议,端口和主机对于两个页面是相同的,则两个页面具 ...
    
		
    9. 
						
  9. day78_淘淘商城项目_11_单点登录系统实现 + 用户名回显 + ajax请求跨域问题详解_匠心笔记
		
    课程计划 1.SSO注册功能实现 2.SSO登录功能实现 3.通过token获得用户信息 4.ajax跨域请求解决方案--jsonp 1.服务接口实现   SSO系统就是解决分布式环境下登录问题的,本 ...
    
		
    10. 
						
  10. jquery ajax跨域请求详解
		
    本文章来给大家详细jquery中的ajax跨域请求, 在JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的jquery.ajax jsonp格式和jque ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. [Unity菜鸟] Unity读XML
			
    1. 在Unity中调试可行,发布成exe可行,发布成web不行 Application.dataPath 在Unity中调试是在“..Assets”文件夹下, 发布成exe文件是在“..yourNa ...
    
			
    2. 
						
  2. [Unity菜鸟] 笔记2 —— 问题篇
			
    记录在学习<Unity 3.x 游戏开发 经典教材>时遇到的各种问题与笔记 1. 初始不能降低Terrain的高度,需要到Terrain设置的第二个按钮中将Height从0调高 (注意:最 ...
    
			
    3. 
						
  3. 屏蔽QQ聊天对话框中的广告
			
    原文地址: 怎么在QQ聊天对话框中屏蔽广告_百度经验 http://jingyan.baidu.com/article/48a42057ca12c1a924250402.html     QQ已经成为 ...
    
			
    4. 
						
  4. Tomcat 部署Undeployment Failure
			
    Tomcat 部署Undeployment Failure - yongjava的日志 - 网易博客 http://blog.163.com/qiangyongbin2000@126/blog/sta ...
    
			
    5. 
						
  5. 最短路径算法之四——SPFA算法
			
    SPAF算法 求单源最短路的SPFA算法的全称是:Shortest Path Faster Algorithm,该算法是西南交通大学段凡丁于1994年发表的. 它可以在O(kE)的时间复杂度内求出源点 ...
    
			
    6. 
						
  6. Extension Method[下篇]
			
    四.Extension Method的本质 通过上面一节的介绍,我们知道了在C#中如何去定义一个Extension Method:它是定义在一个Static class中的.第一个Parameter标 ...
    
			
    7. 
						
  7. eclipse不自动弹出提示（Alt+/ 快捷键失效）
			
    转自:http://www.cnblogs.com/shaweng/archive/2013/09/26/3340016.html 主要有一下几种方法:    1.次方法用于没有一点提示的情况:依次打 ...
    
			
    8. 
						
  8. Java中的protected访问修饰符
			
    在某个类中定义的protected 方法和属性和默认权限方法和属性是一样的.比如,某类的protected 方法和属性在包外是不能通过该类实例进行访问的(你能在包外访问一个类的默认权限的方法和属性吗? ...
    
			
    9. 
						
  9. POI使用cell.getCellStyle()设置指定单元格颜色，但是其它没有指定的单元格也会变色
			
    HSSFCell cell = row.createCell((short)i); cell.getCellStyle().setAlignment(HSSFCellStyle.ALIGN_RIGHT ...
    
			
    10. 
						
  10. BZOJ_2434_[NOI2011]_阿狸的打字机_(AC自动机+dfs序+树状数组)
			
    描述 http://www.lydsy.com/JudgeOnline/problem.php?id=2434 给出\(n\)个字符串,\(m\)个询问,对于第\(i\)个询问,求第\(x_i\)个字 ...
    
			
    11.