jsonp

【推荐阅读】微服务还能火多久？>>> javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data"> <div class="bbxx wrap"> <inputtype="text" id="side-profile-name" name="username" class="form-control"> <inputtype="file" id="example-file-input" name="avatar"> <button type="submit" class="btn btn-effect-ripple btn-primary">Save</button> </div> </form> 改进后的代码不需要form标签，直接由控件来实现。开发人员只需要关注业务逻辑即可。JS中已经帮我们封闭好了 this.post_file = function () { $.each(this.ui.btn, function (i, n) {

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中， 在bjui-all.js文件中的全局变量定义中有以下部分代码，这就是定义的有关于上传的Uploadify控件的重要变量： //文件上传对象 function FileUploader(fileLoc, mgr) { var _this = this; this.id = fileLoc.id; this.ui = { msg: null, process: null, percent: null, btn: { del: null, cancel: null,post:null,stop:null }, div: null}; this.isFolder = false; //不是文件夹 this.app = mgr.app; this.Manager = mgr; //上传管理器指针 this.event = mgr.event; this

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中， 在bjui-all.js文件中的全局变量定义中有以下部分代码，这就是定义的有关于上传的Uploadify控件的重要变量： //文件上传对象 function FileUploader(fileLoc, mgr) { var _this = this; this.id = fileLoc.id; this.ui = { msg: null, process: null, percent: null, btn: { del: null, cancel: null,post:null,stop:null }, div: null}; this.isFolder = false; //不是文件夹 this.app = mgr.app; this.Manager = mgr; //上传管理器指针 this.event = mgr.event; this

javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data"> <div class="bbxx wrap"> <inputtype="text" id="side-profile-name" name="username" class="form-control"> <inputtype="file" id="example-file-input" name="avatar"> <button type="submit" class="btn btn-effect-ripple btn-primary">Save</button> </div> </form> 改进后的代码不需要form标签，直接由控件来实现。开发人员只需要关注业务逻辑即可。JS中已经帮我们封闭好了 this.post_file = function () { $.each(this.ui.btn, function (i, n) { n.hide();}); this

这里主要用$.ajax(options) 这个是jQuery 的底层 Ajax 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。 注意： 如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。见 Specifying the Data Type for AJAX Requests 。当设置 datatype 类型为 'script' 的时候，所有的远程(不在同一个域中)POST请求都回转换为GET方式。 $.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 jQuery 1.2 中，您可以跨域加载 JSON 数据，使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。 参数名称 类型 说明 url String (默认: 当前页地址) 发送请求的地址 type String (默认

解决IE6 JSONP无响应的问题。 在项目开发中jsonp的请求在IE7,IE8,FF,Chrome，Safari中都木有问题。 未读IE6死活不出来结果。 后来找到了问题所在，在调用这个jsonp的方法是通过一个<a>标签的onclick事件绑定的。 <a href="javascript:;" onclick="dothing()" >jsonpRequest</a> 问题就出在这里了。 其中doting()为一个包含jsonp请求的方法名。 这里的href=“javascript:;” 原本的作用是为了让用户点击的时候不响应，不让浏览器跳回顶部，不刷新页面。 但是同时在IE6中它也阻断了jsonp的回调函数。 导致无法继续执行。 解决办法就是，干掉href属性。直接一个光秃秃的<a>标签就好了。 如下： <a onclick="dothing()" >jsonpRequest</a> 一切都太平了！ href="javascript:;" 和 href="javascript:void(0);" 是一样的，他们的作用都是无返回，返回一个空值。 来源： https://www.cnblogs.com/didi/archive/2010/12/31/1923378.html

执行一个异步的HTTP（Ajax）的请求。 version added: 1.5 jQuery.ajax( url, [ settings ] ) url 一个用来包含发送请求的URL字符串。 settings 一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用 $.ajaxSetup() 设置任何默认参数。看 jQuery.ajax( settings ) 下所有设置的完整列表。 version added: 1.0 jQuery.ajax( settings ) settings 一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用 $.ajaxSetup() 设置任何默认参数。 accepts Map 默认： 取决于数据类型 内容类型发送请求头，告诉服务器什么样的响应会接受返回。如果 accepts 设置需要修改，推荐在 $.ajaxSetup() 方法中做一次。 async Boolean 默认： true 默认设置下，所有请求均为异步请求（也就是说这是默认设置为 true ）。如果需要发送同步请求，请将此选项设置为 false 。跨域请求和 dataType: "jsonp" 请求不支持同步操作。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。 beforeSend(jqXHR, settings)

Query UI Autocomplete 是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据。 支持的数据源 jQuery UI Autocomplete 主要支持字符串 Array 、 JSON 两种数据格式。 普通的Array格式没有什么特殊的，如下： 1 [ "cnblogs" , "博客园" , "囧月" ] 对于JSON格式的Array，则要求有： label 、 value 属性，如下： 1 [{label: "博客园" , value: "cnblogs" }, {label: "囧月" , value: "囧月" }] 其中label属性用于显示在autocomplete弹出菜单，而value属性则是选中后给文本框赋的值。 如果没有指定其中一个属性则用另一个属性替代(即value和label值一样)，如下： 1 2 [{label: "cnblogs" }, {label: "囧月" }] [{value: "cnblogs" }, {value: "囧月" }] 如果label和value都没有指定，则无法用于autocomplete的提示。 另外需要注意，对于 从服务器端输出的JSON

3 月，跳不动了？>>> 概念：只要 协议、域名、端口 有任何一个不同，都被当作是不同的域。 对于端口和协议的不同，只能通过后台来解决。 解决办法： 服务器端对于 CORS 的支持，主要就是通过设置 Access-Control-Allow-Origin 来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。 JSONP方式： JSONP的优点是：它不像 XMLHttpRequest 对象实现的Ajax请求那样受到同源策略的限制；它的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持；并且在请求完毕后可以通过调用callback的方式回传结果。 JSONP的缺点则是：它只支持GET请求而不支持POST等其它类型的HTTP请求, 另外需要服务端作配合支持；它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行 JavaScript 调用的问题。 window.postMessage(message,targetOrigin) 方法是 html5 新引进的特性，可以使用它来向其它的 window 对象发送消息，无论这个window对象是属于同源或不同源，目前 IE8+、FireFox、Chrome、Opera 等浏览器都已经支持 window.postMessage 方法。 来源： oschina 链接

网上看到一篇博文提到jsonp（ 包括IE6在内的大多浏览器支持的标准跨域数据访问方式 ），搜到一篇做了很详细介绍的 博文 ，自己动手测试了一番。下面是测试代码： 1 <html> 2 <head> 3 <title>jQuery $.ajax jsonp</title> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta http-equiv="Content-Language" content="zh-CN" /> 6 <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script> 7 </head> 8 <body> 9 <div id="myData"></div> 10 <script type="text/javascript"> 11 12 /* 13 当前文件为：http://www.test.com/index.html 14 */ 15 // function getName(){} //如果这里声明了getName函数，则回调处理调用此函数。否则，调用success指定函数，谢谢@soj 的指正 16 $