以前写过一篇关于微信小程序上拉加载,上拉刷新的文章,今天写的是关于小程序网络请求的封装。 在这里首先声明一个小程序文档的bug,导致大伙们在请求的时候,服务器收到不到参数的问题 示例代码: wx.request({url: test.php, //仅为示例,并非真实的接口地址data: {x: ,y: },header: {Content-Type: application/json},success: function(res) {console.log(res.data)} })其中header 中的Content-Type,应该用小写content-type才...
摘要: js封装from表单数据为json串进行ajax提交json封装代码 function getFormJson(frm) { //frm:form表单的idvar o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ); } else { o[this.name] = this.value || ; } }); return o; } 返回的数据格式为标准的json格式,ajax...
最近有一个关于制作在线音乐播放器的项目,需要使用一个滚动条,但是自带滚动条实在是太丑了,所以就自己琢磨了一下自定义的滚动条。 在网上看原理,说实话没怎么看懂,就趁今天上午上安卓的时候,研究了一下,结果还算是满意吧。然后就包装一个对象。 使用方法很简单,就是自定义一个div,将这个对象导入做参数,new一下就可以。也可以自己定义滚动条的样式,只要自己修改一下样式表就可以 效果图:代码如下: <!doctype html> <...
本文实例讲述了JS简单封装的图片无缝滚动效果。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无缝滚动图片示例-F-BLOG</title><style type="text/css">ul{list-s...
由于各个浏览器都支持的选择方法只有如下三种: 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName() 所以在封装选择器的时候要考虑浏览器的兼容性。 示例代码如下: <script>//封装id选择器function $(selector){var c=selector.substring(0,1);//获取第一个字符if(c=="#"){return document.getElementById(selector.substring(1,selector.length));//返回相应的元...
原理及概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术。 动态网页:是指可以通过服务器语言结合数据库随时修改数据的网页。 静态网页,随着html代码的生成,页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下...
微信小程序 http请求封装 示例代码wx.request({url: test.php, //仅为示例,并非真实的接口地址data: {x: ,y: },method:POST,header: {content-type: application/json},success: function(res) {console.log(res.data)},fail: function( res ) {fail( res );} }) 以上为小程序的基本http请求代码,实际代码中如果每次这样来写是比较繁琐的,那我们就来做一下封装。 那代码中我们比较关注什么? 1.请求的参数,访问的接口 2.GET/...
在jquery插件中我们经常看到以下这段代码 ;(function ( $, window, document, undefined ){ //函数体内具体代码 })(jQuery, window,document);1、代码最前面的分号,可以防止多个文件压缩合并以为其他文件最后一行语句没加分号,而引起合并后的语法错误。 2、匿名函数(function(){})();:由于Javascript执行表达式是从圆括号里面到外面,所以可以用圆括号强制执行声明的函数。避免函数体内和外部的变量冲突。 3、$实参:$是jquery的...
要做一个异步登录,打算给用户做一点提示,所以就网上找了点代码,自己修改新增了一些,做了一个html+css+js的功能封装,以备未来直接使用。 html <!-- 缓冲提示条 --> <div class=buffer hidden id=buffer > <div class="spinner"> <span class=buffer_tip id=buffer_tip >正在登陆</span> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div>...
前言 众所周知,jquery在我们日常开发中的使用频率非常高,与js相比,我们省去了冗长的获取元素的代码,不用考虑一些麻烦的兼容问题,更加方便的动画实现,以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装,我们不光要用的舒服还要深入理解其中的原理,这样才能更好的使用它。首先我们封装的函数为了能实现可传入无限多个参数,在使用我们即将封装的函数时,需要使用对象进行传参,形式如下...
微信小程序 封装http请求 最近看了一下微信小程序,大致翻了一下,发现跟angular很相似的,但是比angular简单的很多具体可参考官方文档 https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112 下面将封装http请求服务部分的服务以及引用部分 // 本服务用于封装请求 // 返回的是一个promisepromisevar sendRrquest = function (url, method, data, header) {var promise = new Promise(function (r...
微信小程序开发总结: 一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:(1)设置data-id <view class="block" bindtap="playTap" data-id="{{modle.id}}">(2): 取值 + 传值playTap:function(e) {const dataset = e.currentTarget.dataset;wx.navigateTo({url: ../play/index?id=+ dataset.id})console.log(dataset.id);}(3):取值onLoad:function (param) {//页面初始化this.setData(...
JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 function Person (name,age,sex){this.name = name;this.age = age;this.sex = sex; } Pserson.prototype = {constructor:Person,sayHello:function(){console.log(hello);} } 这种方式是比较常见的方式,比较直观,但是Person() 的职责是构造对象,如果把初始化的事情也放在里面完成,代码就会显得繁琐,如果放在一个方法里初始化会不会好点...
本文实例讲述了javascript实现简单的ajax功能封装。分享给大家供大家参考,具体如下: function ajax(obj){var xhr = (function (){//获取xhr对象,为了兼容ie6所以进行了重新封装if(typeof XMLHttpRequest !=undefined) {return new XMLHttpRequest();}else if(typeof ActiveXObject !=undefined) {var version = [MSXML2.XMLHttp6.0,MSXML2.XMLHttp3.0,MSXML2.XMLHttp]for(var i in version) {try{return new ActiveXObject(vers...
本文实例讲述了JS封装通过className获取元素的函数。分享给大家供大家参考,具体如下: <div id="box"><div class="star"></div><div class="star"></div><div class="app"></div><p class="star"></p><p class="ar"></p> </div>假设要获取所有.star元素 function getByClass(oparent,sClass){var aEle=oparent.getElementsByTagName("*");var aResult=[];var i;for(i=0;i<aEle.length;i++){if(aEle[i].className==sClass){aResult...