2019年12月16日

组件化-默认组件

摘要： <div id="box"> <Demo></Demo> <Demo></Demo> <Demo></Demo> <Demo></Demo> <Demo></Demo> <Demo></Demo> <Demo></Demo> <Demo></Demo> </div> <script> //创建一个普阅读全文

posted @ 2019-12-16 16:22 立文阅读(158) 评论(0) 推荐(0)

同源策略和CORS总结

摘要： 0. 同源策略：浏览器的一种保护用户数据的一种安全机制。浏览器会限制脚本语法不能跨源访问其他源的数据地址。同源：判断两个通信的地址之间，是否协议，域名[IP]，端口一致。 ajax： http://127.0.0.1/index.html api数据接口： http://localhost/in 阅读全文

posted @ 2019-12-16 11:24 立文阅读(393) 评论(0) 推荐(0)

ajax跨域(跨源)方案之CORS

摘要： CORS是一个W3C标准，全称是"跨域资源共享"，它允许浏览器向跨源的后端服务器发出ajax请求，从而克服了AJAX只能同源使用的限制。实现CORS主要依靠后端服务器中响应数据中设置响应头信息返回的。 // 在响应行信息里面设置以下内容： Access-Control-Allow-Origin: 阅读全文

posted @ 2019-12-16 11:19 立文阅读(308) 评论(0) 推荐(0)

同源策略

摘要： 4.2.4 同源策略同源策略，是浏览器为了保护用户信息安全的一种安全机制。所谓的同源就是指代通信的两个地址（例如服务端接口地址与浏览器客户端页面地址）之间比较，是否协议、域名(IP)和端口相同。不同源的客户端脚本[javascript]在没有明确授权的情况下，没有权限读写对方信息。 ajax本质上阅读全文

posted @ 2019-12-16 11:14 立文阅读(157) 评论(0) 推荐(0)

总结两种方式获取接口提供的数据

摘要：接上文： vue版本：https://www.cnblogs.com/eliwen/p/12047634.html JQuery版本：https://www.cnblogs.com/eliwen/p/12047614.html 1. 发送ajax请求，要通过$.ajax()，参数是对象，里面有固定的阅读全文

posted @ 2019-12-16 10:02 立文阅读(4549) 评论(0) 推荐(0)

vue实现获取接口提供的数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <script src="js/axios.js"></scri 阅读全文

posted @ 2019-12-16 10:00 立文阅读(10630) 评论(0) 推荐(0)

JQuery实现获取接口提供的数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.4.js"></script> <script> $(function(){ 阅读全文

posted @ 2019-12-16 09:57 立文阅读(4136) 评论(0) 推荐(0)

2019年12月15日

json操作 - 对象和json字符串互转

摘要： <script> // json 数据转换 var data = { name: '小明', age:200, fav:["code","eat","swim","read"], son:{ name:"小小明", age:100, } }; // console.log( data ); // 把阅读全文

posted @ 2019-12-15 20:17 立文阅读(787) 评论(0) 推荐(0)

axios获取数据接口

摘要： vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。下载地址： https://unpkg.com/axios@0.18.0/dist 阅读全文

posted @ 2019-12-15 16:19 立文阅读(4201) 评论(0) 推荐(0)

案例-todolist计划列表【上下移动】

摘要： <div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" v-model="text" id="txt1" class="inputtxt"> <input type="button" name="" va 阅读全文

posted @ 2019-12-15 16:02 立文阅读(252) 评论(0) 推荐(0)

2019年12月16日

2019年12月15日

公告