jsonp 请求

$.ajax() 方法详解:来源 http://www.cnblogs.com/tylerdonet/p/3520862.html

jsonp 调用 无法进入 success: 来源 https://q.cnblogs.com/q/74391/

 一

$.ajax({

url:jsonUrl, //String类型的参数

timeout:5000,  //Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置

type:"get", //String类型的参数,请求方式(post或get)默认为get

cache:false, //Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息

data:"一些数据", //Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后

dataType:"jsonp",  //  xml:返回XML文档,可用JQuery处理。
            html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
            script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),

                所有post请求都将转为get请 求。
            json:返回JSON数据。
            jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
            text:返回纯文本字符串。

jsonp:"call",  // 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分

jsonpCallback:"jsonpcallback", // 请求数据的函数名

success:function(data){

console.log(data)

},

error:function(err){

console.log(err,"错误信息");

}

})

 二

jsonp 调用 无法进入 success

所请求文本的写法  ,由回调函数名包裹

原文地址:https://www.cnblogs.com/shichenzi/p/9845056.html

时间: 2024-10-16 20:21:09

jsonp 请求的相关文章

使用Script元素发送JSONP请求

// 根据指定URL发送一个JSONP请求 //然后把解析得到的相应数据传递给回调函数 //在URL中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称 function getJSONP(url, callback){ //为本次请求创建一个唯一的回调函数名称 var cbnum = "cb"+getJSONP.counter++; var cbname = "getJSONP."+cbnum; if(url.indexof("?"

JavaScript跨域请求和jsonp请求实例

<script type="text/javascript" src="./whenReady.js"></script> <script type="text/javascript"> /** * 一:跨域请求 * * 这个常见的JavaScript模块查询有href属性但没有title属性的所有<a>元素 * 并给他们注册onmouseover事件处理程序 * 这个事件处理程序使用XMLHttp

jquery jsonp请求错误处理

jQuery将ajax方法进行了封装,jsonp可以轻松实现跨域请求. $.ajax({type: 'GET', url: "<%= SysUtils::TASK_CENTER_URL %>/all_tasks_h/verbose", async: false, dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)

深入源码分析使用jQuery连续发起jsonp请求失败的原因

jQuery的 jsonp 大家应该是十分熟悉了.曾遇到过这样的需求1.希望请求几个相似的内容添加到页面2.请求的内容一定时间内是固定不变的,希望做个缓存. 于是脑子一拍写下了类似这样的代码 for(var i = 0; i < 3; i++){ $.ajax({ url:'.../return.php?num='+i, dataType: 'jsonp', jsonp: 'callback', jsonpCallback: 'dosome', cache: true }).done(funct

IE6—在链接click事件的响应函数中发送jsonp请求不生效

1 $("#link").click(function(){ 2     $.ajax({ 3         type: 'GET', 4         dataType: 'jsonp', 5         url: 'http://test.local.com/getdetail', 6         data:{id:1}, 7         success: function(response){ 8             //IE6不执行 9           

vue.js的ajax和jsonp请求

首先要声明使用ajax 在 router下边的 Index.js中 import VueResource from 'vue-resource'; Vue.use(VueResource); ajax 和 jsonp 使用方法: //在Vue实例类使用 this.$http.get(url, [options]).then(successCallback, errorCallback); var test = new Vue({ el:'#v', data:{ jsonUrl:'xxxx', j

关于laravel框架的跨域请求/jsonp请求的理解

最近刚接触laravel框架,首先要写一个跨域的单点登录.被跨域的问题卡了两三天,主要是因为对跨域这快不了解,就在刚才有点茅塞顿开的感觉,我做一下大概整理,主要给一些刚接触摸不着头脑的看,哪里写得不对的,也请大神指点,言归正传: 1.先用通俗易懂的话说下原理和几种跨域的方式,因为网上一搜都是追对某一种方式的专业性解答,我是消化不了多少. 第一种:jsonp 方式,这是什么方式呢,先要说一说JavaScript,在JavaScript中,有一个很重要的安全性限制,被称为"Same-Origin P

封装一个JSONP请求

首先,先介绍下jsonp的跨域原理: 1. 动态创建script标签2. 利用 script 的src属性,会自动发送请求3. 只需要将要请求的地址设置为 script标签的src属性的值4. 需要服务端的接口配合,必须返回 JSONP 格式的数据才行 注意: 1. 需要有个支持 JSONP 请求的接口地址2. 我们指定回调函数的名称3. 我们写一个 与回调函数名称 相同的函数4. 通过这个函数的参数就可以获取到服务器返回的数据了!!!5. 这个函数只能写在全局环境中!! 1 function

ajax jsonp请求async设置false同步无效

对于ajax请求,如果采用jsonp的形式获取时,ajax的async设置为false是无法生效的. 由于jsonp的底层实现是通过创建script标签,通过src发出的get请求.与ajax创建XMLHttpRequest的方式存在本质不同.所以在这里也无法abort()终止该请求. 目前就遇到一个问题,如果jsonp请求超时,该如何终止? 原文地址:https://www.cnblogs.com/shichangchun/p/10731394.html