您的位置：首页 > Web前端 > JQuery

jquery使用小结2(个人向)(基础向)

2017-03-13 22:28 369 查看

笔者学生党,在社团接了一个做投票系统后台的任务,这之中会有很多收获, 而这个系列将记录关于jquery的学习与使用心得与经验.笔者刚刚接触网站开发,还是小白,若发现了这些方法的不足,还请赐教,感谢啦

1javascript中调用php变量的方法

有时候前端javascript需要使用后台传递给前端html的变量,这个时候可以用下面的方法在js代码中调用php变量

var userid = "<?php echo data['userid']?>";

2ajaxform插件

1这个插件需要使用jquery
2$.post仅仅做到了表单里面type不等于file的上传,不支持图片等文件.而ajaxform解决了这个问题
3详细用法:

$("#mainform").ajaxSubmit({
type: "post",
url: PUBLISH,
dataType: "json",
success: function(data){
if(data['flag']==1){
alert("发布成功");
}else{
alert("发布失败");
}
}
});

3ajax非异步的使用

ajax的主要用途就是异步加载,然而有时候问题就出在了异步加载.
笔者的投票系统需要生成一个不能重复的秘钥给投票的发起方,当发起方勾选使用秘钥时,调用生成秘钥的函数,
而为了保证秘钥不重复,需要调用后台的检测方法,查询数据库.这种情况下,如果使用默认的异步,javascript代码就会继续运行,导致问题.

$("#rangelimitflag").click(function(){
if(this.checked){
//alert('checked!');
var flag=1;
while(flag){
//下面生成了一个4位的随机数,并检测是否数据库中已经有一个投票占用了该秘钥
var skey = parseInt(Math.random()*9000+1000,10);
$.ajax({
type: "POST",
url: "checkSecretKey",
async : false,//是否为异步,异步的话while会引起一次循环没结束下次就开始了.
data: {secretKey : skey},
success: function(data){ if(data==1){ flag = 0;} }
});
}
$("#secretkey").append(skey);
$("#secret").val(skey);
}else{
// alert('unchecked!');
$("#secret").val(null);
$("#secretkey").empty();
}
});

正如上面的注释:异步的话一次循环没结束下一次就开始了.

4黑科技

瞬间让浏览器变成记事本.
在做项目的时候难免会发现一些需要记录下来的问题以及需要暂时保存的数据,这时候笔者一般都会到桌面新建记事本,很麻烦,而现在这行代码可以让你的浏览器变身

data:text/html, <html contenteditable>

你只需要在新的选项卡的地址栏输入,然后回车打开,就可以随便编辑了

而这个黑科技真正黑的地方还在后面

多亏了HTML5中新加的contenteditable属性，当元素指定了该属性后，元素的内容成为可编辑状态。

推而广之，将以下代码放到console执行后，整个页面将变得可编辑，随意践踏吧~

document.body.contentEditable='true';

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航