代码仅供参考 如果强行复制请修改页面id 代码如下://查询数据库符合条件的数据 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById("nameandaddress").value; var url = "${RetrieveURL}?accessorType=${AccessorType}"; url = url+"&method=RetrieveSelectResult&NameAndAddress="+escape(pid); if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if (window.Activ...
今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看代码如下:<script type="text/javascript">var ee;function mailbox(strEmail){var name=document.blooger[0].email.value;$.ajax({ type: "get", url: "<?php echo "http://".$_SERVER[HTTP_HOST]."/Login/"; ?>mail.php", data: "youx="+name,success: function(datax) {...
代码如下:<script> window.onload=function(){ upfile(file.php); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = iframeName; iframe.name = iframeName; iframe.style.display = none; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = post; tu...
pushState是一个可以操作history的api,该api的介绍和使用请见这里:http://www.welefen.com/use-ajax-and-pushstate.html 目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。 pjax是对ajax + pushState的封装,让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储,下次访问的时候直接读取本地数据,无需在次访问。 并且展现方式支持动画技术,可以使用系统自带的动画方...
js文件可以查看源码 XML/HTML Code 代码如下:<div id="preview"></div> <div id="formbox"> <form name="form" id="form" action="submit.php" method="post"> <ul id="ngothastyle3" > <li> <label>Name</label> <input type="text" name="name" class="" maxlength="40" /> </li> <li> <label>Email</label> <input type="text" name="email" class="" maxlength="100" /> </li> <li> <label>Message</label> <textarea name="m...
代码如下:<html> <head> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="script/jquery-1.7.1.js"></script> <script type="text/javascript" src="script/jquery.pagination.js"></script> <script type="text/javascript"> $(function(){ //此demo通过Ajax加载分页元素 var init...
本例数据库结构很简单,就一个字段就行了 jquery.confirm.js 代码如下:(function($){ $.confirm = function(params){ if($(#confirmOverlay).length){ // A confirm is already shown on the page: return false; } var buttonHTML = ; $.each(params.buttons,function(name,obj){ // Generating the markup for the buttons: buttonHTML += <a href="#" class="button +obj[class]+">+name+<span></span></a>; if(!obj.action){...
JS分页控件,可用于无刷新分页代码如下:function PagerBar(recordcount, pagesize, pageindex, showpagecount) { var NumberRegex = new RegExp(/^\d+$/); this.PageIndex = 1; //页索引,当前页 if (pageindex != null && NumberRegex.test(pageindex)) this.PageIndex = parseInt(pageindex); this.PageSize = 10; //页面大小 if (pagesize != null && NumberRegex.test(pagesize)) this.PageSize = parseIn...
代码如下:function public_GetParentByTagName(element, tagName) { var parent = element.parentNode; var upperTagName = tagName.toUpperCase(); //如果这个元素还不是想要的tag就继续上溯 while (parent && (parent.tagName.toUpperCase() != upperTagName)) { parent = parent.parentNode ? parent.parentNode : parent.parentElement; } return parent; } //设置节点的父节点Cheched—...
1.在静态页面里添加文本框及样式和js脚本的引用:代码如下:Code highlighting produced by Actipro CodeHighlighter (freeware)//www.gxlcms.com/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"> <title>无标题页</title> <script language ="javascript" src ="../jquery-1.3.2.min.js" type ="text/javascript" ></script> <script language ="javascript" src ="validator.js" typ...
1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。 2.页面js代码为 代码如下:<script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () { InitTable(0); //Load事件,初始化表格数据,页面索引为0(第一页) //分页,...
好了,唠嗑就到这里,现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下:<table> <tr> <td> 用户名: </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码: </td> <td> <input type="text" id="password" /> </td> </tr> <tr> <td> 验证码: </td> <td> <input type="text" id="cord" /> <img alt="点击更换验证码" title="看不清楚,请单击我!" id="checkcord" src="img.ashx" /> </...
代码如下:<script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var index = 0; $(document).ready(function () { $.post("Default5.aspx", { name: index }, function (msg) { $("tr:gt(0)").remove(); var artice = msg; for (var i = 0; i < 5; i++) { $("table").append("<tr><td>" + artice[i]["ID"] + "</td><td>" + artice[i]["Writer"] + "</td><td>" + artice[i]...
最开始准备用.NET只带的AJAX实现,发现达不到想要的效果。后来采取JQuery中AJAX功能,通过异步调用C#写的web服务实现。 load()方法可以说是JQuery中最简单的AJAX方法,它用于获取目标服务器的响应并将结果显示到页面上。load方法就是Jquery对AJAX的包装。还可以使用$.post()和$.get()来实现post或get方式的AJAX调用,对于复杂的情况,还可以使用AJAX()方法。
前阵子工作中用到,贴上代码,仅保留上传有关的代码,发现code其实很少。 上传页面html/js 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <script type="text/javascript"> function FinishUpload(filePath) { document.getElementById("uploadForm").reset(); if...