jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>jQuery ajax 结合vue  获取豆瓣api 数据 ,jsonp解决跨域</title><style type="text/css">.a1{margin: 5px auto;text-align: center;}.a1 li{border-bottom: 1px solid black;}</style></head><body><!--参考教程https://blog.csdn.net/meikongggg/article/details/78653968--><div id="app"><h1>以下电影</h1><ul class="a1"><li v-for="movie in subjects"><p><span>影片名字:</span><span v-text="movie.title" class="blueColor"></span></p><p><span>类型:</span><span v-text="movie.genres" class="blueColor"></span></p><p><img :src="movie.images.large"/></p><p><img :src="movie.casts[0].alt" /></p></li></ul></div><script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script><script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">var abc;var vm = new Vue({el: "#app",data: {msg: '你好hello',subjects:{}},methods: {getData() { //定义一个函数getData() , 里面放置$ajax方法let self = this;$.ajax({type: "get",dataType: 'jsonp',url: "http://api.douban.com/v2/movie/top250",success: function(data) {
//                              var abc = $.parseJSON(data); //后台返回的json数据需要转为对象console.log(data);abc = data;self.msg = data;self.subjects = data.subjects}});}},created: function() {//vue的生命周期函数 , 里面执行函数getData()this.getData();}});</script></body></html>复制代码

jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域相关推荐

Vue项目中你是如何解决跨域的呢？
Vue项目中你是如何解决跨域的呢? 一.跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能所谓同源( ...
前端vue和django后端数据交互，跨域问题的解决
一:前言再前后端的数据交互问题上,经常会遇到跨域问题.即这个错误 Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/test/' from ...
Django 【第十九篇】JS实现的ajax、同源策略和前端JSONP解决跨域问题
一.回顾jQuery实现的ajax 首先说一下ajax的优缺点优点:AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面 ...
知乎日报 API 分析（解决跨域精简版）
特别感谢知乎日报 API 分析声明以下所有 API 均由知乎(Zhihu.Inc)提供,本人灵感均来自知乎日报 API 分析,对于原来的分析进行了一些个人的整改,如有不当之处请告知本人,本人立即 ...
JSONP解决跨域及ajax同步问题
2019独角兽企业重金招聘Python工程师标准>>> 1.前端js 1.参数定义:var sendJSONP = function(url){var settings = {url ...
vue项目中如何用代理解决跨域,什么是代理
1.为什么要用代理举一个简单的例子,一般情况下一个公司里面最多的就是ip不同,比方说前端ip是192.168.0.7,后端ip是192.168.0.8,由于ip不同是不能访问后端资源的,不仅仅是ip ...
ajax跨界表单,ajax使用jsonp解决跨域问题
ubuntu环境配置网络配置主要文件:/etc/network/interfaces,这里是IP.网关.掩码等的一些配置: # This file describes the network in ...
VUE跨域、常用解决跨域的方法
当我们遇到请求后台接口遇到 Access-Control-Allow-Origin 时,那说明跨域了. 跨域是因为浏览器的同源策略所导致,同源策略(Same origin policy)是一种约定,它 ...
ajax同时调用两个jsonp,使用JSONP进行跨域Ajax 调用
JSONP 是啥 JSONP 全称是JSON with Padding. 当需要进行跨域Ajax 调用的时候, 需要用到JSONP 协议. 客户端 $.ajax({ url: 'http://xxx' ...

jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域

jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域相关推荐

最新文章

热门文章