HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：window.addEventListener(“message”, function(){},false);2. 其次，需要使用window对象的...
一、关于图片上传什么什么的在XHTML的时代，我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图，做法是借助于flash。例如swfupload.js。可惜，使用复杂的点，比如flash文件需与页面同父文件夹，JavaScript文件大小也很可观。我之前曾翻译编辑过一篇“Ajax Upload多文件上传插件”的文章，此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传，但是，实际上，还是一次只能上传1张图片，可以多次上传而已。HTML5是个好...
HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：window.addEventListener(“message”, function(){},false);2. 其次，需要使用window对象的...
由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。 常规的几种解决方法： (1) document.domain+iframe；(2) 动态创建script； (3) iframe+location.hash； (4) flash。 这里不细说这几种方法，记录的是HTML5的window.postMessage。postMessage兼容IE8+、Firefox、Opera、Safari、Chrome。 需要两个异域的服务器来做测试，当然也可以用本地和线上服务器作为两个异域的服务器。假如使用pho...
这篇文章主要介绍了HTML5 Ajax文件上传进度条是如何显示的，基于原生html5实现，不需要falsh支持，进度可以自定义显示，控制灵活，对HTML5上传进度条感兴趣的小伙伴们可以参考一下原本打算使用jquery插件进行异步文件上传，比如uploadfy但是需要额外的支持，也有人用iframe模仿异步上传机制，感觉都比较别扭。因为项目不考虑低版本浏览器，所以决定用html5实现。下面只是一个简单的demo，具体样式需要自己去做。后台基于strut2进行...
function ajax(data){ //data{data:"",dataType:"xml/json",type:"get/post",url:"",asyn:"true/false",success:funtion(){},failure:function(){}}//datapost={username:123,pwd=456}//dataGet="username=123&pwd=456"//第一步：创建XHR对象var xhr=null;if(window.XMLHttpRequest){//标准的浏览器 xhr=new XMLHttpRequest(); }else{xhr=new ActiveXObject(Microsoft.XMLHTTP);}//第二步：准备发送前的一些配置参数var type=...
每次在向服务器提交文件对象数据是，总是需要借助各种三方插件来实现表单异步提交功能，还要为不同的界面去定制不同的插件css，相当繁琐。XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。...
Flywe の Blog - Ajax 另类二级联动菜单(DIV+CSS) .CateDIV { BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 300px; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #808080 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #ddeeff; TEXT-ALIGN: left ...
JQuery/AjaX/Javascript/DIV+CSS： Head First Javascrip（文字版PDF） http://www.hztraining.com/bbs/showtopic-1407.aspx 变幻之美-DivCSS网页布局揭秘(案例实战篇) http://www.hztraining.com/bbs/showtopic-1379.aspx Web编程入门经典（扫描版PDF） http://www.hztraining.com/bbs/showtopic-1272.aspx JavaScript网页特效范例宝典（影印版PDF） http://www.hztraining.com/bbs/showto...
这样子的情况下，只要在文本框输入内容，就会自动提交到ajax，怎么才能点击提交按钮才提交呢。 回复讨论(解决方案) 你这样子好像也不对呢，兄弟。。。 test.html?cu=&Submit=%CC%E1%BD%BB 你这样子提交后，浏览器居然在后面带出了参数，我是想用ajax的方式提交，不刷新页面显示数据？ 无标题文档 对 不起input元素没有onsubmit事件.在alert(e),哪里写你的ajax代码 对 不起input元素没有onsubmit...
ajax返回的值，如何放到文本框里面并且可以编辑。。求解。 比如这样子获取到的数据。。 http://bbs.csdn.net/topics/390542453 回复讨论(解决方案) 如果没有文件框就创建一个，把返回值放到文件框中例如: $().attr(value,返回值) 如果有直接放就可以 $(#id值).val(返回值) 如果没有文件框就创建一个，把返回值放到文件框中例如: $().attr(value,返回值) 如果有直接放就可以 $(#id值).val(返回值...
比如 li链接是test jquery $("li").click(function(){ $.get("test.asp",{id:x}, function(data,textStatus){ $(".div1").html(data)} }) 代码很简单，现在就是如何将url 后面id的值赋值给x ,{id:$(this).text}不行，$(this).text的值是空的，不是aaa 回复讨论(解决方案) $("li").click(function(){ var x = $(this).find(a)[0].href.split(=)[1]; $.get("test.asp",{id:x}, fun...
2010.5.29 Wispeeder Gobang 3.0完整版发布，增加实时性悔棋功能，提供游戏源文件下载。完整版具备QQ五子棋所有游戏所需功能，并且免下载，注册即玩。新版编程内核架构全部推翻重写，采用部分设计模式实现 期待各位意见 之前有朋友提议的部分bug已修正 各位试玩下顺便帮忙找找新的bug啊 http://www.wushen.biz/wispeeder 回复讨论(解决方案) 唉，你这个是什么东西啊 有没有源码发来研究研究！ 发个代码研究研究...
// 当把asyn设为false时，这时ajax的请求时同步的，也就是说，这个时候ajax块发出请求后，他会等待在function1（）这个地方，不会去执行function2()，直到function1()部分执行完毕。 // 当把asyn设为true时，这时ajax的请求时异步的，当ajax块发出请求后，他将停留function1()，等待server端的返回，但同时（在这个等待过程中），前台会去执行function2(), $(document).ready(function () { $.ajax({ type: "POST", url: "value.as...
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 =...