原生JS实现Ajax的跨域请求
原生JS如何实现Ajax的跨域请求?在解决这个问题之前,我们务必先清楚为什么我们要跨域请求,以及在什么情况下会跨域请求。了解一下:“同源策略”,你就知道了;同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。它的定义是:一段脚本向后台请...
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
基于css3新属性transform,实现3d立方体的旋转通过原生JS,点击事件,鼠标按下、鼠标抬起和鼠标移动事件,实现3d立方体的拖动旋转,并将旋转角度实时的反应至界面上显示实现原理:通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标,来获得鼠标在X轴、Y轴移动的距离,将距离实时赋值给transfor...
原生JS实现随着鼠标滚动到元素位置触发对应css3动画,简单易用滚动监测
<style> body{overflow-x: hidden;width:80%;margin:auto;} body:after { content: "."; clear: both; display...
原生js,jquery通过ajax获得后台json数据动态新增页面元素
一、原生js通过ajax获取json数据因为IE浏览器对ajax对象的创建和其他浏览器不同,为了兼容全部浏览器,我用下面的代码:function createXMLHttpRequest(){ try{ XMLHttpReq = new ActiveXObject...
es6继承 vs js原生继承(es5)
最近在看es2015的一些语法,最实用的应该就是继承这个新特性了。比如下面的代码: $(function(){ class Father{ constructor(name, age){ this.name = name; ...
原生JS的Ajax
转自:https://www.cnblogs.com/yufann/p/JS-Ajax.html1.创建一个Ajax对象非IE6浏览器:var obj = new XMLHttpReuqest();IE6浏览器:var obj = new ActiveXbject("Microsoft.XMLHTT...
vue实现实时监听文本框内容的变化(最后一种为原生js)
一、用watch方法监听这个变量。<!DOCTYPE html><html><head><meta charset="utf-8"><title>hello vue</title><script src="https://...
Jquery学习笔记(10)--ajax删除用户,使用了js原生ajax
主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点。index.php: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
js原生Ajax的封装与使用
一、原生Ajax代码的封装如下:(function() { var XHR = { createStandardXHR: function() { return new XMLHttpRequest(); }, createIEX...
JS原生ajax
原文链接:http://caibaojian.com/ajax-jsonp.html一、JS原生ajaxajax:一种请求数据的方式,不需要刷新整个页面; ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、...
js原生Ajax(十四)
一、XMLHttpRequest 【使用XMLHttpRequest时,必须将html部署到web服务器中】1) 指定请求1、实例化eg: var http = new XMLHttpRequest();http为实例化的XMLHttpRequest对象,该对象可以重用,但是这将会终止之...
原生js ajax与jquery ajax的区别
原生js ajax的调用:ajax({ type : "get", url : "02_ajax_get.txt", data : { "userName" : "lnj", "userPwd" : "321" }, timeout : ti...
手机端原生js实现下拉刷新数据
HTML结构如下:<div class="outerScroller comment"><div class='scroll comment'><div class="inner comment" style='overflow:auto;'><ul>...
原生JS实现前端动画框架
封装了一个JS方法,可支持块元素的常规动画:高、宽、透明度、位置等,同时支持链式动画和同时运动,参照imooc整理,具体代码如下:/** * 获取HTML元素属性值 * obj是Element, attr是属性 **/function getStyle(obj, attr) {if (obj.cur...
原生JS 的cookie和jq的cookie,
COOKIE基础及应用:1.什么是COOKIE==>页面用来保存信息,比如:自动登录,记住用户名2.COOKIE的特性: --同一个网站中,所有的页面共享同一套cookie --数量,大小有限(4k-10k,不能用来存大的内容) --过期时间Jquery写入cookie$.cookie(...
iOS下JS与原生OC互相调用(总结)
这是去年总结的一篇文章,也一并先放到这个目录下好了。 iOS开发免不了要与UIWebView打交道,然后就要涉及到JS与原生OC交互,今天总结一下JS与原生OC交互的两种方式。JS调用原生OC篇方式一第一种方式是用JS发起一个假的URL请求,然后利用UIWebView的代理方法拦截这次请求,然后再做...
案例学习总结:原生JS实现表格排序
最近在学习js的表格排序,没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。完整的表格排序涉及了下列这些知识点:call方法使用sort方法深入数据绑定DOM映射下面详细的总结一下这些知识点,最后结合这些知识点实现下面这样一个表格排序案例。完整的...
原生js去掉所有的html标签,最终得到HTML标签中的所有内容
替换掉所有的 html标签,最终得到Html标签中的内容 <script> //替换掉所有的 html标签,最终得到Html标签中的内容 var req="<div style="color:#f00;font-size:20px;">百度贴吧是以兴趣主题聚合志同道合者的...
原生JS实现幻灯片轮播效果
在以往的认知中,一直以为用原生JS写轮播是件很难得事情,今天上班仿照网上的写了一个小demo。小试牛刀。大致效果:html结构很简单,两个列表,一个代表图片列表,一个是右下角序号列表。<div id="box"> <ul class="list"> <...
node.js系列(实例):原生node.js+formidable模块实现简单的文件上传
/** * 原生node.js结合formidable模块实现图片上传改名 * @Author:Ghost * @Date:2016/07/15 * @description: * 1、引入模块http、formidable、fs、silly-datetime、path * 2、创建h...