博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用jquery中的ajax进行跨域访问
阅读量:6527 次
发布时间:2019-06-24

本文共 1236 字,大约阅读时间需要 4 分钟。

看到哦这篇文章感觉不错也就学习了一下:

原生态的ajax中是不能进行跨域访问服务器的,那么这样也算是一段残缺,今天看到园中可以使用jquery的jsonp协议进行跨域访问服务器着实很是新鲜:

先来了解神马是jsonp:

JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。

很明显,JSONP是一种脚本注入(Script Injection)行为,需要特别注意其安全性。

样例代码:

  一、客户端:

<script type="text/javascript">

jQuery(document).ready(function () {
$.ajax({
type: "get",
async: false,
url: "http://www.yzswyl.cn/demos/jsonp.php",
dataType: "jsonp",
jsonp: "callback", //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback: "flightHandler", //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
success: function (data) { var $ul = $("<ul></ul>"); $.each(data, function (i, v) { $("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul) }); $("#remote").append($ul); }, error: function () { alert('fail'); }
});
}); </script>

   二、服务器端:

var json = "[{\"Key\":\"USD\",\"Value\":\"美元\"},{\"Key\":\"GBP\",\"Value\":\"英镑\"},{\"Key\":\"EUR\",\"Value\":\"欧元\"}]";

JavaScriptSerializer js = new JavaScriptSerializer();
string result= js.Serialize(json);
context.Response.Write(result);

转载于:https://www.cnblogs.com/One-dream-man/archive/2012/12/25/2833186.html

你可能感兴趣的文章
好程序员HTML5大前端分享web前端面试题集锦二
查看>>
UG中卸载被占用的DLL
查看>>
eclipse 设置注释模板详解,与导入模板方法介绍总结
查看>>
Cocos2d-x3.2 文字显示
查看>>
估计下星期就能考科目二了
查看>>
20 Useful Commands for Linux Newbies
查看>>
轻松实现localStorage本地存储和本地数组存储
查看>>
mongodb group
查看>>
python+selenium自动化测试(二)
查看>>
(笔记 - 纯手敲)Spring的IOC和AOP 含GIT地址
查看>>
7-设计模式介绍
查看>>
让运维更高效:关于ECS系统事件
查看>>
J2EE分布式框架--单点登录集成方案
查看>>
跨域传递参数
查看>>
android 4.2的新特性layoutRtl,让布局自动从右往左显示
查看>>
iOS tableView 下拉列表的设计
查看>>
sharepoint 2010 属性编辑工具 SPCamlEditor 1.5.1
查看>>
JAVA学习笔记--4.多线程编程 part3.JAVA多线程的常见概念和基本类库
查看>>
linux下配置网络环境
查看>>
java Windows7 下环境变量设置
查看>>