<script type="text/javascript"> function createXHR() { var request = false; try { request = new XMLHttpRequest();//最重要的对象. } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { t…
onreadystatechange事件: 当请求被发送到服务器时,我们需要执行一些基于响应的任务 每当readyState改变时,就会触发onreadystatechange事件 readyState属性存有XMLHttpRequest的状态信息 XMLHttpRequest对象的三个重要的属性: 属性 描述 onreadystatechange 存储函数(函数名)每次readystate改变时就会调用该函数 readyState 存有XMLHttpRequest的状态从0到4发生变化 0:请…
onreadystatechange(): 存储函数(或函数名),当 readyState 改变时,就会触发 onreadystatechange()  事件. xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText;…
注:XLMHttpRequest简写为XHR 一.HTTP请求过程 (1)建立TCP链接 (2)web浏览器向web服务器发送请求命令 (3)web浏览器发送请求头信息 (4)web服务器应答 (5)web服务器发送应答头信息 (6)web浏览器向浏览器发送数据 (7)web服务器关闭TCP链接 二.XHR对象的readyState属性:表示请求/响应过程的当前活动阶段 readyState的值—— 0:未初始化.尚未调用open()方法 1:启动.已经调用open(),但尚未调用send()方…
jquery ajax 中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.error 7.ajaxError (全局事件) 8.complete 9.ajaxComplete(全局事件) 10.ajaxStop(全局事件) 下面看个例子: $("#ACCOUNT_TYPE").bind('click', function() { //alert( $(…
java 中使用ajax调用后台方法注意事项,后台方法一定要加@ResponseBody jQuery.validator.addMethod("checkRuleName",function(value, element) { var rst = false; //校验规则组合名称是否重复 $.ajax({ type : "post", cache : false, async: false,// url: '${ctx}/ProductPackageRule/C…
js课程 5-13  js事件绑定和鼠标事件注意事项有哪些 一.总结 一句话总结:js代码的灵魂就是改变标签的属性和样式,就这两种. 1.js触发改的东西是哪两样? 属性和样式 2.js如何让页面用标题显示测试的数据? document.title 3.循环单击怎么实现(代码优化的思想:灵活)? 如果判断是this.src是a.png就让它变成b.png并不是最好的方式,最好的方式是让i++,来判断i的奇偶,而且前一种在图片发生改变的时候就失效了,后一种并不会,所以第二种方法更加灵活,值得推荐,…
今天动手写Ajax时遇到的问题:按照下面的顺序来写Ajax,功能是alert出txt文档的内容,在Chrome下可以执行onreadystatechange中的事件,在IE11及以下.FF就不能执行onreadystatechange中的代码. ajax:1.创建Ajax对象  ——new XMLHttpRequest;/ new ActiveXObject('Microsoft.XMLHTTP');2.连接到服务器 ——open3.发送请求 ——send4.接收返回值 ——onreadysta…
<script type="text/javascript"> $("#Cycle").on("change", function () { var checkIndex = $("#Cycle").get(0).selectedIndex; //获取选择项ID getDatas(checkIndex); }); function getDatas(cIndex) { $.ajax({ type: 'POST',…
-----------readyState--------------- 定义和用法 readyState 属性返回当前文档的状态(载入中……). 该属性返回以下值: uninitialized - 还未开始载入 loading - 载入中 interactive - 已加载,文档与用户可以开始交互 complete - 载入完成 语法 document.readyState       这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被…
一.问题: var xmlHttp; function savecarttodata(){ createXMLHttpRequest(); var rndcode = new Date().getTime(); var CartUrl ="a.asp?cache="+rndcode xmlHttp.onreadystatechange = function(){ ..... } xmlHttp.open ("GET",CartUrl,true); xmlHttp.s…
给元素绑定click事件后 ,遇到一个问题:当执行一些ajax请求,再次调用此页面,里面的这个click事件就失效了 比如说:我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了click事件了 自己做项目时遇到的问题: 目的:批量删除复选框,当点击删除的时候触发利用jquery绑定在按钮上的onclick事件从而获取所有复选框的值, 1.第一次直接smarty注入调取页面时没问题,当根据条件查询(Ajax实现),再次调用页面列出记录时,单击事件失效 原因:ajax加载内容是在$(…
ajax的运用: 注意事项: dataType:"json"在ajax中可写可不写(ajax能够自动识别返回值类型),写了更加规范,可以在ajax识别错误返回值类型的时候,指定返回值类型从而不出错. 类方法上一定要写上@ResponseBody注解,可以直接将返回的数据写入响应文本中.多用在ajax异步处理请求的时候. AppUtil.returnObject(new PageData(),pd); 这里的pd换为map也可以. AppUtil.returnObject(pd,map)…
$.ajax参数设置 备注:data.contentType.dataType属性值很重要!!! async 类型:Boolean 默认值: true.默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false. 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. beforeSend(XHR) 类型:Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头. XMLHttpRequest 对象是唯一的参…
Jquery ajax事件分类 (一) 局部事件 local events 局部事件:在单个Ajax请求对象中绑定的事件,每个 Ajax 请求对象能够依据须要绑定自己的局部事件 .局部事件仅仅会被那个绑定该事件的 Ajax 对象触发,是属于单个 Ajax 对象的私有(即局部)事件.此类事件包含:beforeSend.complete.success.error. $.ajax({ beforeSend: function(){ // Handle the beforeSend event },…
$(function(){ setTimeout(function(){ $.ajax({ url:'/php/selectStudent.php', }); },0); $(document).ajaxSuccess(function(){ console.log('success'); }) .ajaxStart(function(){ console.log('start') }) .ajaxSend(function(){ console.log('send') }) .ajaxComp…
一般地,使用readystatechange事件探测HTTP请求的完成.XHR2规范草案定义了进度事件Progress Events规范,XMLHttpRequest对象在请求的不同阶段触发不同类型的事件,所以它不再需要检査readyState属性.这个草案定义了与客户端服务器通信有关的事件.这些事件最早其实只针对XHR操作,但目前也被其他API(如File API)借鉴.本文将详细介绍进度事件 基础 有以下6个进度事件 loadstart: 在接收到响应数据的第一个字节时触发 progress…
问题引诉:最近在使用asp.net自带的无刷新提交ScriptManager时,发现一个问题,就是和我自己用jQuery写的一些事件函数和局部刷新相冲突.通过在网上收索,发现很多人都遇到这个同样的问题.最终还是找到的解决的办法,在此我想将其解决的办法分享出来供大家参考. 问题解决办法: 方法1.两者实现都能够实现页面的无刷新效果,所以可以保留其中的一种即可: 方法2.如果必须要两者混合应用,那么在用jQuery绑定事件是就要注意一些了 我们平时在jQuery中绑定事件最常用的方式有以下三种:以c…
jQuery 本身即是为事件处理而特别设计的,jQuery 事件处理方法是 jQuery 中的核心函数. $(function() { ... }); 是如下格式的缩写: ? 1 $(document).ready(function() { ... }); 0. $ 符号 根据类别,定位标签: ? 1 2 3 4 5 6 <button>click me</button> <p>hide me</p> <p>hide me 2</p>…
原理: 给XMLHttpRequest对象的upload属性绑定onprogress方法监听上传过程 var xhr = new XMLHttpRequest();  xhr.upload.onprogress = function(e) {} 因为jQuery默认使用的XMLHttpRequest对象是内部生成的无法直接给jq的xhr绑定onprogress方法 所以只要给jQuery重新生成一个绑定了onprogress的XMLHttpRequest对象即可实现 首先封装一个方法 传入一个监…
jQuery 本身即是为事件处理而特别设计的,jQuery 事件处理方法是 jQuery 中的核心函数. $(function() { ... }); 是如下格式的缩写: $(document).ready(function() { ... }); 0. $ 符号 根据类别,定位标签: <button>click me</button> <p>hide me</p> <p>hide me 2</p> $('button').click…
这两天抽空升级了一下自己做的pon资料表,增加了OLT拓扑自动发现以及业务从MSE至OLT的全自动下发 等功能,让人没想到的是在处理xmlhttp回调时死活接收不到反馈信息, 在Excel论坛和微软官方都看到了这么一句:Attribute Value.VB_UserMemId = 0,一直都没太在意,调试了几次后忽然意识到应该是自定义事件没有注册上,重新看了遍说明茅塞顿开, 按照说明导出自定义模块类,在事件首行增加了Attribute Value.VB_UserMemId = 0后,删除自定义模…
回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果. HTML文件: <select id="aucBrandNo" class="easyui-combobox" name="aucBrandNo" style="width: 160px;" data-options="required:true,onHidePanel:function(){validateComboboxIn…
如图: 因为传进来的参数被预先处理了,所以才出现了illegal invocation报错,只要将processData的值改为false就能解决这个小问题: 因为JQ自动的帮我们设置了请求头,但是ajax2.0中不需要设置请求头,我们找到contentType,把它的值设为false就能够取消掉这个设置.…
blur : 当光标移开时(点击)触发 change : 当光标移开并且文本框中的内容和上一次不一致时(点击)触发…
http://dafeizizhu.github.io/2013/11/25/onload-vs-onreadystatechange/ http://www.cnblogs.com/snandy/archive/2011/04/26/2029537.html http://javne.iteye.com/blog/691262…
首先Ajax的不刷新页面提交数据 基本上浏览器能接收的信息,Ajax都可以接收,ex:字符串,html标签,css标签,xml格式内容,json格式内容等等..... <script> // IE浏览器 if(ActiveXObject){ // 微软目前AJAX最新版本 var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); }else{ // 主流浏览器 var ajax = new XMLHttpRequest(); }…
我们在用ajax请求数据时,可能会遇到一次点击多次触发的可能.(比如说:ajax 的 onreadystatechange 事件就会触发多次:这是因为 onreadystatechange 是一个事件句柄.它的值 (state_Change) 是一个函数的名称,当 XMLHttpRequest 对象的状态发生改变时,会触发此函数.状态从 0 (uninitialized) 到 4 (complete) 进行变化.仅在状态为 4 时,我们才执行代码.” 每次XMLHttpRequest 对象的状态…
AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能.这类似于回调函数的做法.onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果,如: 复制代码 代码如下: ajaxObj=createAjaxObject(); var url="/MyTod…
case 1: 无论是使用原生的JavaScript,还是JQuery,通过Ajax请求后端程序数据,返回的数据默认是字符串,字符串,字符串,重要的事情说三遍!!! case 2: 不要尝试直接将返回的值和一个数字进行比较,也不要直接作为if或者while的条件,因为字符串作为条件始终为真,即使是“0”,是会认为是true:其次,数字0和字符串“0”始终不相等,要进行比较的话,应该先使用parseInt(res)将string的res转换为int. case 3: 后端程序中,要返回给ajax的…