<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for all new browsers
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);//true 表示异步。
xmlhttp.send(null);//null 表示无参数提交到后台
//如果不为null 则代表是POST提交
// xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8;");
// xmlhttp.send("name="+userName+"&userId="+userId);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = OK
// ...our code here...
Dispaly(); //所有状态成功,执行此函数,显示数据
// document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
}
else
{
alert("Problem retrieving XML data");
}
}else //请求状态还没有成功,页面等待
{
document .getElementById ("myTime").innerHTML ="数据加载中";
}
}
function Dispaly() //接受服务端返回的数据,对其进行显示
{
document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
}
</script>
分享到:
相关推荐
谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的...
javascript/js的ajax的GET请求: [removed] /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari ...
javascript/js的ajax的GET请求代码如下所示: [removed] /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera...
创建XMLHttpRequest对象...xmlhttp.open(“GET”,”ajax_info.txt”,true); xmlhttp.send(); post方式:xmlhttp.send(“id=1&name=xiaoming”); post提交方式,必须将Content-Type请求消息头更改为 application/x-www
本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...
var xhr = new XMLHttpRequest(); //2.设置参数,true表示使用异步模式 xhr.open("get", "GetTime.ashx?name= Mr靖", true); //3.让get请求不从浏览器获取缓存数据 xhr.setRequestHeader("If-Modified-Since",...
Ajax 异步 GET/POST 请求3.1 Ajax GET 请求3.2 Ajax POST 请求 1. Ajax 异步请求 说明 AJAX, Asynchronous Javascript And XML,异步 JavaScript 和 XML,一种创建交互式网页应用的网页开发技术。 原理: 通过在...
xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true); xhr.send(); xhr.onreadystatechange = function(){ if (xhr.readyState == 4) { if (xhr.status>=200 && ...
四、实验内容 1.在实验四基础上使用AJAX技术实现异步登录功能。... open("请求方式GET/POST","页面地址",true):与服务器建立连接 send():发送请求,如果是post提交方式,send("参数名=参数值");
主要较少的xmlHttpRequest对象。包括get传值与post传值
前言:博主之前有篇文章是快速入门Ajax ,主要是利用Ajax做简单的get请求,今天给大家分享一篇利用Ajax提交post请求,以及使用post时需要注意的地方,还是以案例的方式告诉大家。 案例: 注册表单 文件结构图: 06-...
(HTTP 1.1新) 2xx – 成功 200 – OK 一切正常,对GET和POST请求的应答文档跟在后面。 201 – Created 服务器已经创建了文档,Location头给出了它的URL。 202 – Accepted 已经接受请求,但处理尚未完成。 203 – ...
$.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个...
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。 例如 : var url = "login.jsp?user=XXX&pwd=XXX"; ...
简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各...
Ajax最简单例子,一个例子让你明白Ajax原理,XMLHttpRequest原理 var http_request = false; function createRequest(url) { http_request = false; if (window.XMLHttpRequest) { // Mozilla浏览器 ...
(默认: “GET”) 请求方式 (“POST” 或 “GET”), 默认为 “GET”。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置将覆盖全局...
2.4 get与post 28 2.5 远程脚本 29 2.5.1 远程脚本概述 29 2.5.2 远程脚本的示例 29 2.6 如何发送简单请求 31 2.6.1 简单请求的示例 32 2.6.2 关于安全 34 2.7 dom level 3 加载和保存规约 35 2.8 dom 35 ...
本文实例讲述了PHP自定义函数判断是否为Get、Post及Ajax提交的方法。分享给大家供大家参考,具体如下: /** * 是否是AJAx提交的 * @return bool */ function isAjax(){ if(isset($_SERVER['...
1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]...谈Ajax的Get和Post的区别 Get方式:用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的