前端 js javascript

• 新浪SAE公共资源 推荐指数★★★ 支持https

http://lib.sinaapp.com/
http://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.js
http://lib.sinaapp.com/js/jquery/1.8.2/jquery.min.js
http://lib.sinaapp.com/js/jquery-mobile/1.3.1/jquery.mobile-1.3.1.js

https://fly.layui.com/extend/ -- pc 端弹窗

• https://layer.layui.com/mobile/ --移动端弹窗

<script src="http://lib.sinaapp.com/js/jquery/1.8.2/jquery.min.js"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
<script src="/layer_mobile2/layer.js"></script>

<script>
    //信息框
    layer.open({
        content: '移动版和PC版不能同时存在同一页面'
        ,btn: '我知道了'
    });
</script>

• 阻止元素发生默认的行为

//preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。http://www.w3school.com.cn/jquery/event_preventdefault.asp
//防止链接打开 URL：
$("a").click(function(event){
  event.preventDefault();
});

•  调用接口上传图片

<script type="text/javascript" src="/js/jquery.form.js"></script>

function upload(id){
        var file = $("#"+id).get(0).files[0];
        var url = 'http://xxx/接口名称';  //接口
        var abc = new FormData();
        abc.append("file", file);
        $.ajax({
            type: "POST",
            contentType: false, //必须false才会避开jQuery对 formdata 的默认处理 , XMLHttpRequest会对 formdata 进行正确的处理
            processData: false, //必须false才会自动加上正确的Content-Type
            url: url,
            data: abc,
            success: function (data) {
                if (data.status==true){
                    if (id == 'up_img_WU_FILE_0'){
                        $("input[name='a_img']").val(data.entry.fileUrl);
                        $("#imgShow_WU_FILE_0").attr("src",data.entry.fileUrl);
                    }else {
                        $("input[name='b_img']").val(data.entry.fileUrl);
                        $("#imgShow_WU_FILE_1").attr("src",data.entry.fileUrl);
                    }
                    alert('上传图片成功');
                }else {
                    alert('上传图片失败');
                }
            }
        });
    }

 ajax的方式提交表单

    $("#edit").on("click", function () {
        var options = {
            "beforeSubmit": checkFormEdit,
            "success": resultFormEdit,
            "resetForm": true,
            "dataType": "json"
        };
        $("#edit_form").ajaxSubmit(options);
    });

    function checkFormEdit(){

    }

    function resultFormEdit(data) {
        //表单完成
        if (data == 1) {
            swal('修改成功');
            setTimeout(reload,2000);
        } else if (data == 2) {
            swal('参数有误');
        } else {
            swal('修改失败');
        }

    }

 js获取url传递参数，js获取url？号后面的参数：

https://www.cnblogs.com/karila/p/5991340.html

<Script language="javascript">  
function GetRequest() {  
   var url = location.search; //获取url中"?"符后的字串  
   var theRequest = new Object();  
   if (url.indexOf("?") != -1) {  
      var str = url.substr(1);  
      strs = str.split("&");  
      for(var i = 0; i < strs.length; i ++) {  
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);  
      }  
   }  
   return theRequest;  
}  
</script> 

 判断变量是否为数组

var ary = [1,23,4];
function isArray(o){
　　return Object.prototype.toString.call(o)== '[object Array]';
}
console.log(isArray(ary));

swal 弹窗：http://www.jq22.com/jquery-info1637

http://www.jq22.com/yanshi1637