ajax 异步获取数据实现代码 (js创建ajax对象)

2016-02-19 10:52 2 1 收藏

今天图老师小编要向大家分享个ajax 异步获取数据实现代码 (js创建ajax对象)教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

代码如下:

script type="text/javascript"!--
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request) alert("Error initializing XMLHttpRequest!");
//获取信息
function GetInfo() {
var url = "test.aspx?userName=" + document.getElementById("txtName").value;
request.open("GET", url, true);
request.onreadystatechange = updatePageTime;
request.send(null);
}
//更新页面
function updatePageTime() {
if (request.readyState == 4) {
if (request.status == 200) {
var response = request.responseText;
document.getElementById("txtLoginName").value = response;
} else if (request.status == 404) {
alert("Requested URL is not found.");
} else if (request.status == 403) {
alert("Access denied.");
} else
alert("status is " + request.status);
}
}
// --/script
form id="form1" runat="server"
input id="txtName" onchange="GetInfo()" type="text" /
input id="txtLoginName" type="text" /
/form

来源:https://www.tulaoshi.com/n/20160219/1595998.html

延伸阅读
标签: Web开发
代码如下: /** * ppagination.js * p通用的基于AJAX的分页类 * @author jeanwendy * @version 1.0 */ var paginationIndex = 0; var pagination = function(trTemplatId) {     $().ajaxStart(function() {         $.blockUI({       ...
标签: Web开发
我想prototype.js里的ajax对象肯定吸引了不少人,大量封装好的ajax逻辑的类,对于我们这些初学者使用ajax有很大的帮助。 以下用一个我的具体使用例子来解释:效果看这里 1. Ajax.Request 你可以这样创建它 代码如下: var url = 'http://yoursever/your/your'; var pars = 'id=xxx'; var myAjax...
标签: Web开发
客户端文件,请修改文件名为:test_2.htm html body xmlhttp异步的例子: URL: input name=a type=textbox value="test_s.asp" style="width:600px" input onclick= "getXML()" type= "button" value= "得到源代码" input name=geti type=textbox value="10000" input onclick= "if(xh && xh.responseText) {alert(xh.responseT...
标签: Web开发
客户端代码mouseover.php 代码如下: !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 meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title鼠标悬浮测试/title /head script typ...
标签: Web开发
以前的我,用惯了 UpdatePanel UpdateProgress 等控件,甚至到了滥用的程度,只是一味的追求无刷新,一边弄这 loading 图片 提示,这样貌似更美观,但是 感觉 更损失了性能, 而且有时候还破坏了网站的完整性。 但是学了Jquery之后,了解了 Jquery.ajax ,Jquery.get 等方法,从而学会了使用 webservice 和.ashx 文件,来与服务器交互。 这次...

经验教程

419

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部