实现效果图 加载图片 实现方式: 在jsp页面中加入 样式 代码如下:.progress{z-index: 2000} .mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 1000; background-color: #2F2F2F} 节点 代码如下:<img id="progressImgage" class="progress" style="display:none" alt="" src="/ajax-loader.gif"/> <div id="maskOfProgressImage" class="mask" style="display:none"></div> js 代码如下:<p> </p><p>var im...
既然你的服务器都返回 304 not modified 那说明在服务器上,你这个xml文件没有修改过,或者要加载的页面在本地没有被修改,本地缓存造成了这个问题 常用的防止被缓存的方法,就是在后面加一个随机数,或者你也可以加个时间戳 比如请求的时候 url = ".......xml?t=" + ( new Date()() ).getTime().toString(); 本例中我采用的方法: 代码如下:var destination="test.html" function goto(destination){ var ajaxobj=new AJAXReques...
代码如下:<!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 id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="/Style/NiuLan.css" rel="stylesheet" type="text/css" /> <title></title> <script type="text/javascript">//当刷新...
滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷。当然本例子采用的是jquery库,后期会做成原生js。 本例的数据调用的是锋利的jquery一书提供的一段json。 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height(); 再给window绑定sc...
1、【使用iframe】 在需要加载的页面中添加一个iframe,如下 代码如下:<iframe style="display:none" onload="javascript: close_ticket_onload()"></iframe> onload中添加你所要调用的函数,如果加载的页面在弹出层中,此函数需要放在弹出此层的父页面! 2、【使用eval】 如果使用innerHTML填充XMLHttp取得的数据。如:xxx.innerHTML=XMLHttp取得的数据 这样是不会执行JS,添加eval方法就ok了:如:xxx.innerHTML=eval(返XMLHtt...
习惯了用java,在java中,需要某个类直接import就可以了,所以做javascript的时候也想实现这个效果。 前段时间,用了下dojo,里面的dojo.require的功能很不错,一看代码,晕了,一大堆东西,唉~还是自己写个简单点的,dojo.require可以引入包,我就只做一个导入js文件的。 开始用的document.write,执行顺序不对了,这是在后面进行导入,而我们总是在前面执行中就需要导入的js,这样,执行中就会报“某某未定义”,就是顺序问题了...
我想做一个类似QQ空间评论的功能 不知大家发现了没有 QQ空间只有点击了那个文本框后编辑器才会加载出来 并不是那种先隐藏 通过单击后才显示的 无标题文档 //the function can get the content of right page when user click the link in the left side var xmlHttp; var searching=false; var myDivName=""; function getXMLHTTP(){ A = new ActiveXObject("microsoft.xmlhttp"); return A; } function executeQue...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>this is test</title> <script type="text/javascript"> var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpReques...
function loading(p_value,str) { if (p_value) { if (!document.getElementById("load_area")) { var para1 = document.createElement("span"); var node=document.createTextNode(str); para1.appendChild(node); var para=document.createElement("div"); para.id="load_area"; var top=document.body.scrollTop+document.documentElement.scrollTop;//获取页面中的实际高度 top_position = top+157 + "px"; para.style.top =...
@ViewBag.Title <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></ script> @Ajax.ActionLink("登录系统", "Logon", "Account", null, new AjaxOptions() { UpdateTargetId = "main" }, new { @style = "" })|
function callback(res){ var node = document.createElement(div); node.innerHTML = res; document.body.appendChild(node); var scriptNodes = node.getElementsByTagName(script); var len = scriptNodes.length; var styleNodes = node.getElementsByTagName(style); var len1 = scriptNodes.length; for(var i=0; i<len; i++){ var s...
实现京东的账户项目,有一个小功能,页头页尾加载。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、实现 原理:用php文件分别写一个的页头和一个页尾,放在前后两个div里。 通过jquery发送一个请求 请求这个php。 再把里面的一些小按钮,小图标放在这个div里即可。 <div id="header"></div>…… <div id="footer"></div> 小知识1:jquery函数 $("父元素").load("程序1"); load()向程序发送请求(ajax) ...
1 . 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 几个常见的用到ajax的场景。 比如你在逛知乎,你没有刷新过网页,但是你却能看到你关注的用户或者话题有了新动态的消息提...
我知道类似的问题已经被问过多次了.对于我的一生,我无法确定自己所缺少的,请忍受. 我正在尝试使用页面上某个项目的编辑器加载部分视图,并将该编辑器显示为Bootstrap模态,但它始终加载到新页面. _Layout.cshtml引用jQuery包:@Scripts.Render("~/bundles/jquery")`BundleConfig.RegisterBundles()添加了jQuery和简洁的Ajax:bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.min.js") // <--...
我有一个ajax,它表示当用户到达页面底部时,它将加载一个PHP脚本.在iPhone上,它多次加载相同的代码(它加载ID#5,然后将一遍又一遍地不断加载ID#4-在PC上,它加载ID#5到ID#1.) index.php-AJAX<script>$(document).ready(function(){var loadLogs = 0;$.ajax({type: 'GET',url: 'inc/loadLogs.php',data:{'offset': 0,'limit': 1},success: function(data){$('#showAuditLogs').append(data);loadLogs += 1;}});$(window).scroll(functi...