Ajax-jsonp跨域

简介: Ajax-jsonp跨域
/*
* Ajax JSONP 跨域获取数据
*/
$.ajax({
  url:'url?name=Lily',
  type: "get",
  async: false,
  dataType: "jsonp",
  // cache:true,
  //contentType:'application/x-www-form-urlencoded;charset=utf-8',
  jsonp: "callback", //服务端用于接收callback调用的function名的参数(请使用callback或jsonp) (默认为:callback)
  jsonpCallback: "fun_jsonpCallback", //callback的function名称
  success: function(data) {
    // var json = $.parseJSON(data);
    alert(data[0].xxx);
  },
  error: function(XMLHttpRequest, textStatus, errorThrown){
    alert(XMLHttpRequest.status);
    alert(XMLHttpRequest.readyState);
    alert(XMLHttpRequest.responseText);
    alert(textStatus);
    alert(errorThrown);
    console.log(textStatus);
  }
});
相关文章
|
7月前
|
缓存 JSON 前端开发
Ajax:跨域与JSONP
Ajax:跨域与JSONP
41 1
|
11月前
|
前端开发 安全 JavaScript
聊聊同源策略限制AJAX请求
浏览器的同源策略及相关的AJAX跨域解决方案相信各位前端🐒们已经烂熟于心了,最近我脑子里突然冒出一些问题,就是标题中为什么同源策略要限制AJAX请求 接下来我们来讨论下这些问题,可能某些问题对于你来说很荒谬,但希望能对你带来一些奇怪的感觉,接下来就是我的一个思考过程+资料查阅+相关解释 这篇博客算是一个提问吧,非该领域的人,有些问题检索起来不知如何提问,所以这里写了一篇文章
95 0
|
JSON 前端开发 JavaScript
Ajax 跨域
Ajax 跨域
138 0
Ajax 跨域
|
JSON 缓存 JavaScript
JSONP - 跨域篇
JSONP - 跨域篇
204 0
JSONP - 跨域篇
|
JSON JavaScript 前端开发
学习AJAX必知必会(5)~同源策略、解决跨域问题(JSONP、CORS)
学习AJAX必知必会(5)~同源策略、解决跨域问题(JSONP、CORS)
223 0
学习AJAX必知必会(5)~同源策略、解决跨域问题(JSONP、CORS)
Ajax-18:同源策略
Ajax-18:同源策略
95 0
|
前端开发
ajax 跨域解决
function _do_edit(id) { $.confirm({ boxWidth: '900px', title: '商品编辑', content: '', buttons...
873 0
|
JSON JavaScript 前端开发
使用JSONP实现跨域
什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。 什么是JSONP? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,JSONP 是 JSON with padding(填充式 JSON 或参数式 JSON)的简写。
1526 0

相关课程

更多