网站首页 > 技术文章 正文
* 本js文件某些函数需要引用jquery
* turn to json
* 引入该文件可把发送数据转换为json
* 附用法:
* $('#fm').serializeJson()就是把id为fm的form表单序列化为json格式
* $('#fm').serialize()直接用此也可以(序列化函数)
*/
(function($){
$.fn.serializeJson=function(){
var serializeObj={};
var array=this.serializeArray();
var str=this.serialize();
$(array).each(function(){
if(serializeObj[this.name]){
if($.isArray(serializeObj[this.name])){
serializeObj[this.name].push(this.value);
}else{
serializeObj[this.name]=[serializeObj[this.name],this.value];
}
}else{
serializeObj[this.name]=this.value;
}
});
return serializeObj;
};
})(jQuery);
/**
* Created by gjq on 2015/8/11.
* 获取伴随url传过来的参数
*/
var url = window.location;
function getUrlParam(url,name){
var pattern = new RegExp("[?&]" + name +"\=([^&]+)","g");
var matcher = pattern.exec(url);
var items = null;
if(matcher != null){
try{
items = decodeURIComponent(decodeURIComponent(matcher[1]));
}catch(e){
try{
items = decodeURIComponent(matcher[1]);
}catch(e){
items = matcher[1];
}
}
}
return items;
}
/*
* 给html传入获取的获取到的值
*
* */
$.ajax({
url: "ConferenceAction!showConDetail",
type: "post",
data: {id: $conference_id},
success: function (data) {
var obj = jQuery.parseJSON(data);
$("#title").text(obj.title);
$("#img").attr("src",obj.img);/*指定参数内容*/
},
error: function () {
alert("系统异常!");
}
});
/**
* Created by gjq on 3/18 0018.
* 根据屏幕大小隐藏html内容,
* 以及设定某个div的宽度和高度
*/
/*不需要jquery支持*/
function zishiying() {
var w = screen.width;//宽度
var h = screen.height;//高度
if (w <= 1000) {
document.getElementById("home-top").style.display = "none";
document.getElementById("info-top").style.height=h*0.55+"px";
document.getElementById("info-bottom").style.width=w*0.45+"px";
}
}
/*需要jquery支持*/
if($oneC){ //登陆成功后直接显示
$("#form1").show();
//longInSuccess();
}else{ //未登录
$("#form1").hide();
//getOpenIDBycode($code);
}
/*
* 页面上输入框不可为空
* */
var a =document.getElementById("onecardNoId").value;
var b =document.getElementById("passwordId").value;
if (a&&b!==""){
function some(){
alert(11111);
};
}else{
alert("必填项,请输入!!!");
//return false;
}
/*
* ajax需要jquery支持
* */
$.ajax({
async:false,
url: 'www.baidu.com',
type: "get",
dataType: 'json',
data: {code:$code},
timeout: 5000,
success: function (json) {
var json=$.parseJSON(json.data);
if(json.openid){
getCusByOpenId(json.openid);
}else{
//alert($code);
alert("未获取到openid");
}
},
error: function(xhr){
//jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
//请求出错处理
alert("请求出错(请检查相关度网络状况.)");
}
})
/**
* Created by gjq on 3/27 0027.
* 每5秒只能点击一次
* input建立一个属性储存上次点击的时间
* 计算两次点击的时间差来确定是否为频繁点击
* 需要jquery支持
*
*/
$(document).ready(function(){
$("#btn1").click(function(){
var nowTime = new Date().getTime();
var clickTime = $(this).attr("ctime");
if(clickTime !=undefined && (nowTime - clickTime < 5000)){
alert("操作过于频繁,稍后再试!");
return false;
}else{
$("#btn1").attr("ctime",nowTime)
alert("执行点击函数");
}
});
})<pre name="code" class="javascript">/**
* Created by gjq on 4/11 0011.
* 需在 body 等标签中声明 onkeydown="keydown()"
* 还需知道按键的值
*/
function keydown(){
if (event.keyCode==13) //回车键的键值为13
{
//需执行的操作
} else{
return false;
}
}
<pre>/*canvas加水印*/
function shuiyin(canvasid,imgurl,addtext){
var img = new Image ;
img.src = imgurl;
img.onload = function(){
var canvas = document.getElementById(canvasid);
var ctx = canvas.getContext("2d");
ctx.drawImage(img,0,0);
ctx.font = "14px 微软雅黑";
ctx.fillStyle = "rgba(252,255,255,0.8)";
/*document.getElementById("btn").onclick = function(){*/
ctx.fillText(addtext,10,20);
/* document.getElementById("text").value = "";
}*/
}
}
shuiyin("my","canvas.jpg","实验")
/*jquery删除数组中的某个元素*/
function jqremove(arrPerson,objPropery,objValue){
//先遍历数组找到含有其中某个元素的元素然后删除返回处理后的结果
return $.grep(arrPerson,function(cur,i){
return cur[objPropery] != objValue;//返回其中不含查找值得数组
});
/*查找到含有某些改元素的元素然后删除*/
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice("Ban",1);
猜你喜欢
- 2024-09-11 浅析MySQL Join Reorder算法(mysqlinner join)
- 2024-09-11 Kubernetes 高性能网络组件 Calico 入门教程
- 2024-09-11 jQuery中的clone妙用(jquery.on)
- 2024-09-11 自定义一个"骚气"的jQuery
- 2024-09-11 前端单元测试以及自动化构建入门(前端单元测试是什么)
- 2024-09-11 Python全栈 Web(jQuery 一条龙服务)
- 2024-09-11 jQuery遍历说、详解与示例的结合,轻松搞定这个遍历!
- 2024-09-11 「clickhouse专栏」对标mongodb存储类JSON数据文档统计分析
- 2024-09-11 jQuery实现简易购物车功能(jquery购物车结算页面)
- 2024-09-11 jQuery核心的3个面试问题(jquery前端面试)
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)