首页 > 代码库 > html与javascript之网络篇
html与javascript之网络篇
此篇依然与前一篇动态篇环境一样,基于jquery
转载前请贴上博客链接,谢谢:http://blog.csdn.net/gugugujiawei
一、表单提交(post的同步加载)
<form method="post" onSubmit="return check_recover()"> <a href="javascript:void(0)" id="allSelect2" >全部</a> <a >-</a> <a href="javascript:void(0)" id="noneSelect2" >无</a> <a >-</a> <input type="submit" class="btn btn-primary" name="recover" value="恢复所选"></input> <button type="button" class="btn btn-primary">删除所选</button> </form>
解释:当点击submit对应的按钮时,会直接提交到服务器,当此前为调用check_recover()函数,在这个函数中可以判断提交的内容是否合法,如果是则return true,则完成表单提交,实现同步加载。
二、ajax异步加载
<pre name="code" class="html">1、
function post_message1(){<span style="white-space:pre"> </span>//alert('success')<span style="white-space:pre"> </span>data=http://www.mamicode.com/{'type':"2",'ip':'127.0.0.1'};><span style="white-space:pre"> </span>$.post($(this).attr('action'), data, function(data,status,xhr){ <span style="white-space:pre"> </span> if(status=="success"){ <span style="white-space:pre"> </span>change(); <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>});}2、<pre name="code" class="html">function post_message2(){<span style="white-space:pre"> </span>$.getJSON("yoururl",function(data){<span style="white-space:pre"> </span><span style="white-space:pre"> </span>dosomething();<span style="white-space:pre"> </span>});}解释:1、当调用post_message()函数时,发送data数据到服务器,当成功返回时,再调用change()函数。
2、当调用post_message()函数时,访问url为yoururl的链接,返回含有data数据的response,然后调用dosomething()函数。
三、刷新当前页面
window.location.reload();四、定时执行某些特定操作,譬如更新图$(function () { window.setInterval('hostusage()', 2000); });解释:两秒调用hostusage()函数一次html与javascript之网络篇
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。