`
fengzhaoyang
  • 浏览: 34712 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax xmlHttpRequest get post

阅读更多
<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的说明及使用与区别

    谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的...

    浅谈JS原生Ajax,GET和POST

    javascript/js的ajax的GET请求: [removed] /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){  if (window.XMLHttpRequest){  // code for IE7+, Firefox, Chrome, Opera, Safari  ...

    原生 JS Ajax,GET和POST 请求实例代码

    javascript/js的ajax的GET请求代码如下所示: [removed] /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){  if (window.XMLHttpRequest){  // code for IE7+, Firefox, Chrome, Opera...

    AJAX XMLHttpRequest对象创建使用详解

    创建XMLHttpRequest对象...xmlhttp.open(“GET”,”ajax_info.txt”,true); xmlhttp.send(); post方式:xmlhttp.send(“id=1&name=xiaoming”); post提交方式,必须将Content-Type请求消息头更改为 application/x-www

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    深入理解Ajax的get和post请求

    var xhr = new XMLHttpRequest(); //2.设置参数,true表示使用异步模式 xhr.open("get", "GetTime.ashx?name= Mr靖", true); //3.让get请求不从浏览器获取缓存数据 xhr.setRequestHeader("If-Modified-Since",...

    JavaScript中完整的Ajax异步请求的理解和使用

    Ajax 异步 GET/POST 请求3.1 Ajax GET 请求3.2 Ajax POST 请求 1. Ajax 异步请求 说明 AJAX, Asynchronous Javascript And XML,异步 JavaScript 和 XML,一种创建交互式网页应用的网页开发技术。 原理: 通过在...

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    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&gt;=200 && ...

    实验五 AJAX开发及JSP验证码

    四、实验内容 1.在实验四基础上使用AJAX技术实现异步登录功能。... open("请求方式GET/POST","页面地址",true):与服务器建立连接 send():发送请求,如果是post提交方式,send("参数名=参数值");

    ajax原理与应用(详解xmlHttpRequest对象)

    主要较少的xmlHttpRequest对象。包括get传值与post传值

    Ajax提交post请求案例分析

    前言:博主之前有篇文章是快速入门Ajax ,主要是利用Ajax做简单的get请求,今天给大家分享一篇利用Ajax提交post请求,以及使用post时需要注意的地方,还是以案例的方式告诉大家。 案例: 注册表单 文件结构图: 06-...

    Ajax xmlHttpRequest的status的值的含义

    (HTTP 1.1新) 2xx – 成功 200 – OK 一切正常,对GET和POST请求的应答文档跟在后面。 201 – Created 服务器已经创建了文档,Location头给出了它的URL。 202 – Accepted 已经接受请求,但处理尚未完成。 203 – ...

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个...

    ajax中send的用法

    一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。 例如 : var url = "login.jsp?user=XXX&pwd=XXX"; ...

    利用jquery Ajax验证重复

    简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各...

    Ajax最简单例子Demo

    Ajax最简单例子,一个例子让你明白Ajax原理,XMLHttpRequest原理 var http_request = false; function createRequest(url) { http_request = false; if (window.XMLHttpRequest) { // Mozilla浏览器 ...

    AJAX(XMLHttpRequest.status)状态码

    (默认: “GET”) 请求方式 (“POST” 或 “GET”), 默认为 “GET”。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置将覆盖全局...

    Ajax基础教程(扫描版)

    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提交的方法

    本文实例讲述了PHP自定义函数判断是否为Get、Post及Ajax提交的方法。分享给大家供大家参考,具体如下: /** * 是否是AJAx提交的 * @return bool */ function isAjax(){ if(isset($_SERVER['...

    jQuery中ajax的使用与缓存问题的解决方法

    1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]...谈Ajax的Get和Post的区别 Get方式:用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的

Global site tag (gtag.js) - Google Analytics