java ajax-分析ajax异步请求的过程?

问题描述

分析ajax异步请求的过程?

function check_name(){
alert(1);
var xhr = getXhr();
xhr.open('post','check_name.do',true);
alert(2);
xhr.setRequestHeader(
'content-type',
'application/x-www-form-urlencoded');
alert(3);
xhr.onreadystatechange=function(){
alert(4);
if(xhr.readyState==4 && xhr.status==200){
alert(6);
var txt=xhr.responseText;
alert(7);
document.getElementById("name_msg").innerHTML=txt;
}
};
alert(8);
document.getElementById("name_msg").innerHTML=
"checking.....";
alert(9);
var uname=document.getElementById("uname");
alert(10);
xhr.send("uname="+uname.value);
alert(11);
}

我做了测试 依次顺序是
1,2,3,8,9,10,11,4,4,4,6,7
其中4出现了三次,怎么解释啊??

时间: 2024-08-04 09:49:38

java ajax-分析ajax异步请求的过程?的相关文章

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法_jquery

情景 目前有个需求是在文本框填入内容,自动触发keyup事件,下拉列表会自动过滤相应的选项,但是使用了$,ajax后发现,每次触发事件时,都导致整个网页闪烁,触发了全局ajax事件 代码片段 $.ajax({ type: "POST", url: root + "/xxx, data: requestData, dataType: "json", success: function(data){ // 清空列表 $("#formOpinion #

ajax json数据异步请求方法

在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 "myurl?callback=?".jQuery 将自动替换 ? 为正确的函数名,以执行回调函数. 注意:此行以后的代码将在这个回调函数执行前执行. 实例 $.ajax({ type:"get", dataType:"json", url:"<%=basePath%>actionSmUser.do?method=g

java实现HttpClient异步请求资源的方法_java

本文实例讲述了java实现HttpClient异步请求资源的方法.分享给大家供大家参考.具体实现方法如下: package demo; import java.util.concurrent.CountDownLatch; import org.apache.http.HttpResponse; import org.apache.http.client.methods.HttpGet; import org.apache.http.impl.nio.client.DefaultHttpAsyn

异步请求数据赋值到实体类对应的变量

问题描述 异步请求数据赋值到实体类对应的变量 如何让$.ajax发送的异步请求中的data数据赋值给被请求的方法实体类? 解决方案 下面链接是springmvc的写法,接收json串,通过@RequestBody映射实体类http://blog.csdn.net/yangtang_newton/article/details/7525800 解决方案二: 传个回调函数进success里面,success里面这么写 success:function(data){ callback(data): }

java问题关于ajax的异步请求前台页面的值传到后台然后再返回到前台

问题描述 java问题关于ajax的异步请求前台页面的值传到后台然后再返回到前台 前台页面上有个select框 select框中的值是从后台获取的 然后任意选中select框下面的值,让这个值传到后台作为参数 String sql="select phone deviceinfo where vehiclenumber='+select选中的值+'" 然后把查询到的phone在传到另外一个sql=select top 1 data from phone(作为表明) 关键是那个selec

使用 JavaScript 和 Ajax 发出异步请求

ajax|javascript|请求|异步 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面.常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程.有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了.本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器. 本系列的上一期文章(请参阅 参考资

使用JavaScript和Ajax发出异步请求

ajax|javascript|请求|异步 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面.常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程.有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了.本文中,Brett McLaughlin 介绍了如何创建能够适应不同浏览器的 XMLHttpRequest 实例,建立和发送请求,并响应服务器. 本文中,您将开始接触最基本和基础性

掌握Ajax第2部分:使用JavaScript和Ajax发出异步请求

ajax|javascript|请求|异步 Brett McLaughlin ,作家,编辑,O'Reilly Media Inc.2006 年 2 月 16 日 多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面.常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程.有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响应模型了.本文中,Brett McLaughlin 介绍了如何创建能够适

如何使用JavaScript和Ajax发出异步请求(二)

ajax|javascript|请求|异步   打开请求 有了要连接的 URL 后就可以配置请求了.可以用 XMLHttpRequest 对象的 open() 方法来完成.该方法有五个参数: request-type:发送请求的类型.典型的值是 GET 或 POST,但也可以发送 HEAD 请求. url:要连接的 URL. asynch:如果希望使用异步连接则为 true,否则为 false.该参数是可选的,默认为 true. username:如果需要身份验证,则可以在此指定用户名.该可选参