扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
用到的只是需要的是 js或者jquery里的ajax
站在用户的角度思考问题,与客户深入沟通,找到钢城网站设计与钢城网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖钢城地区。
你去查看$.ajax的用法,叫“异步传输”技术。
就是不刷新网页,JS私自跟PHP进行反馈传递信息,并根据返回结果做出相应的JS处理。
你像实现的方法就是,用js写一个定时器,每隔几秒去用ajax访问对应的PHP网址,通过POST或者GET过去参数来获得反馈。从反馈的结果里,判断有没有新的信息,再用JS输出出来。
推荐你上百度直接搜索“jquery在线手册”,然后再手册里的后半部分找ajax的字样。其实很简单,你刚学也会很快接受。这个将来可以提升你很多前端交互的技巧哦~
加油~
《JavaScript和jQuery实战手册(原书第3版)》电子书网盘下载免费在线阅读
资源链接:
链接:
密码:9hja
书名:JavaScript和jQuery实战手册(原书第3版)
出版社:机械工业出版社
出版年份:2017-3-1
内容简介:
jQuery可以大大改进网页的动画、交互性和视觉效果,但学习该门语言不太容易。本书通过一步步引导基础知识,展示了如何使用jQuery(即预先写好的代码库)来节省时间和精力,以及jQueryUI插件中的创新。
作者简介:
大卫·索耶·麦法兰德,公司总裁,资历Web应用开发工程师、培训讲师和技术作家。在Web开发方面拥有将近20年的工作经验,具有很好高的度和很好大的影响力。曾担任加州大学伯利分校的网络负责人,他还在加州大学伯利分校新闻学研究生院和波特兰州立大学任教。他居住在波特兰,并撰写了Adobe Dreamweaver和CSS方面的Missing Manual系列书。
jQuery绑定自定义事件
首先让我们来看看jQuery绑定自定义事件的使用方法,你可以使用bind或者live来订阅一个事件(当然1.7以后也可以使用on了),代码如下:
$("#myElement").bind('customEventName',function(e){
...
});
$(".elementsClass").live('customEventName',function(e){
...
});
然后通过如下方式来触发事件:
$("#myelement").trigger('customEventName');
或者你也可以为自定义事件增加额外的参数,样例如下:
$("#myelement").bind('customEventName',function(e,data){
if(data.custom)
...
});
$("#myelement").trigger('customEventName',{
custom:
false
});
魔法升级
所谓魔法升级,其实是想让整个程序所有的自定义事件能够自动注册并绑定jQuery上,然后执行的时候,所有注册该事件的模块都会执行。比如模块User.js里定义的UserUpdate方法和Blogs.js里定义的BlogUpdate方法都定义了在发布一篇博客的时候需要执行的function函数,整个时候我们可以通过注册统一的事件名称(例如BlogAdded)bind到jQuery指定的一个容器上(例如document)上,然后发布博客成功以后,执行$(document).trigger("BlodAdded")就OK了。
下面我们给个通用的样例代码:
var
components
=
[User,
Blog,
Group,
Friend,
Topic,
Photo];
var
eventTypes
=
["AddComplete",
"UpdateComplete",
"DeleteComplete",
"LockComplete",
"UnLockComplete"];
$.each(components,
function(i,component)
{
$.each(eventTypes,
function(i,eventType)
{
var
handler
=
component[eventType];
if
(handler)
$(document).bind(eventType,
handler);
});
})
然后每个js模块定义的代码安装如下格式:
User=
{
AddComplete:
function(e,
data)
{
//...
},
UpdateComplete:
function(e,
data)
{
//...
}
}
这样,不管在任何地方,如果我们需要的话,就可以使用jQuery的方式来触发我们的事件了:
$(document).trigger("UpdateComplete",
data);
通过这种方法,大家可以发现一个模块的method只能注册一个事件,那如果我们通过一个方法来注册多个事件触发的话,可以使用如下方式:
var
blogController
=
{
blogAddOrUpdateComplete:
function()
{
//...
}
}
blogController.blogAddComplete
=
blogController.blogUpdateComplete
=
blogController.blogAddOrUpdateComplete;
最后注意:本文只是展示一个简单的例子,不要混用不同module同一事件名称的用法哦,比如,User.js里的AddComplete和Blog.js里的AddComplete可能根本就没有关系,也就是说只处理自己相应的逻辑,这时候,就不应该统一处理这个事件,但如果要检测的东西是一样的话,就可以使用,比如DisableUserComplete,就可以通用,因为User模块需要处理禁用账户以后的操作,Blog模块可能也需要处理禁用账户以后的操作。
以上就是本文的全部内容,了解更多jQuery的语法,大家可以查看:《jQuery
1.10.3
在线手册》,也希望大家多多支持脚本之家。
Query API 1.5 中文版发布了:
jQuery API 1.5中文版下载地址(air在线版):
jQuery API 1.5中文版在线浏览地址:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流