XMLHttpRequest

最新推荐文章于 2023-03-21 19:23:33 发布
最新推荐文章于 2023-03-21 19:23:33 发布
阅读量852 收藏
点赞数
分类专栏： ASP.NET(AJAX) 文章标签： xmlhttprequest javascript callback button 服务器 null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/greatverve/article/details/3319386
版权

源码下载地址：http://download.csdn.net/source/782646 

静态页面

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>Ajax获取数据过程</title>
  5.     <script language="javascript" type="text/javascript">
  6.      var xmlHttp;
  7.      /*****创建XMLHttpRequest*****
  8.       如果是ie则执行第一个.
  9.       ******************/
  10.      function createXMLHttpRequest(){
  11.         if(window.ActiveXObject)
  12.             xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  13.         else if(window.XMLHttpRequest)
  14.             xmlHttp=new XMLHttpRequest();
  15.      }
  16.      /*****执行异步调用*****
  17.       open();多个重载:
  18.         参数一,GET或POST
  19.         参数二,url路径
  20.         参数三,异步标志,true即异步
  21.         参数四,五,用户名,密码
  22.       onreadystatechange属性设置回调函数
  23.       send()发送open()方法建立的请求.
  24.         有可选参数.可为空.
  25.       ******************/
  26.      function startRequest(){
  27.         createXMLHttpRequest();
  28.         xmlHttp.open("GET","AjaxServe.aspx?firstName=treebirthday=1981-03-21",true);
  29.         xmlHttp.onreadystatechange=callback_state;//用函数名,不加括号.
  30.         xmlHttp.send(null);
  31.      }
  32.      /*****回调函数*****
  33.       xmlHttp.responseText;//取得返回数据
  34.       readyState,对象的状态:
  35.         0,未初始化
  36.         1,正在装载
  37.         2,装载完毕
  38.         3,交互
  39.         4,完成
  40.       status,服务器请求HTTP状态代码的数字代码
  41.       ******************/
  42.      function callback_state(){
  43.         if(xmlHttp.readyState==4 && xmlHttp.status==200)
  44.             document.getElementById("target").innerHTML+=xmlHttp.responseText;
  45.             //document.write(xmlHttp.responseText);
  46.      }
  47.     </script>
  48. </head>
  49. <body>
  50. <input type="button" value="测试" onclick="startRequest()" />
  51. <br /><br />
  52. <div id="target">目标:<br /></div>
  53. </body>
  54. </html>

动态页面

  1.     protected void Page_Load(object sender, EventArgs e)
  2.     {
  3.         if (Request.HttpMethod == "POST")
  4.         {
  5.             Response.Write("POST:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
  6.             Response.End();
  7.         }
  8.         else if (Request.HttpMethod == "GET")
  9.         {
  10.             Response.Write("GET:" + Request["firstName"] + ",your birthday is" + Request["birthday"]);
  11.             Response.Write("<br/>");
  12.             //Response.Write("<script>alert('Hello');</script>");
  13.             Response.End();
  14.         }
  15.     }
greatverve
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
XMLHttpRequest-原生Ajax写法
wxiao_xiao_miao的博客
11-09 319
xhr 的 readyState 属性表示当前Ajax请求所处的状态，open()函数的第三个参数表示是否开启异步请求，false:同步；true：异步，数据交换格式：服务器端与客户端间进行数据传输与交换的格式
如何模拟一个XMLHttpRequest请求用于单元测试——nise源码阅读与分析
weixin_33845881的博客
04-22 434
概述 在我们进行单元测试的过程中，如果我们需要对一些HTTP接口进行相关的业务测试，那么我们就需要来模拟HTTP请求的发送与响应，否则我们就无法完成测试的闭环。 目前，有许许多多的测试框架都提供了模拟HTTP请求相关的一些流程功能，我们在这边文章中将会讲到的，就是我们在上一篇关于单元测试的博客提高代码质量——使用Jest和Sinon给已有...
通过阅读axios源码重新学习AJAX和XMLHttpRequest
MPFLY的博客
07-08 667
今天单位活儿比较少，遂打开了axios源码阅读了一番。 照着axios的文档进行阅读，事半功倍。一边看源码，一边又顺着把AJAX和XMLHttpRequest看了一遍，以下是我的收获。 由于XMLHttpRequest很长，我们一般将其简称为XHR，下面我将会使用简称进行书写。 1. axios和AJAX的区别 在写详细的文章之前，可能很多同学不是很清楚axios和ajax的区别（清楚的同学可略过~????），下面我们来简单讨论一下。 AJAX = Asynchronous JavaScript an
Ajax 创建 XMLHttpRequest 的源代码
accpyy的专栏
06-08 807
function createXMLHttpRequest(){      // 创建XMLHttpRequest对象      var xmlhttp;      if (window.XMLHttpRequest)    {          // 针对FireFox、Mozillar、Opera、Safari、IE7、IE8          xmlhttp 
AngularJS XMLHttpRequest
01-21
AngularJS XMLHttpRequest $http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。 使用格式： // 简单的 GET 请求，可以改为 POST $http({  method: 'GET',  url: '/someUrl' }).then(function ...
浅析XMLHttpRequest的缓存问题
09-04
主要是对XMLHttpRequest的缓存问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
使用Ajax技术通过XMLHttpRequest对象完成首页登录功能
10-25
主要介绍了使用Ajax技术通过XMLHttpRequest对象完成首页登录功能,很不错的尝试，需要的朋友可以参考下
XMLHTTPREQUEST
08-16
XMLHTTPREQUEST对象创建，交互，回调底层代码。。。
XMLHttpRequest对象的使用
08-02
王兴魁老师Ajax核心技术XMLHttpRequest源码
XMLHttpRequest对象详解
09-15
XMLHttpRequest对象详解 可让你更深刻的理解XMLHttpRequest对象
java-xmlhttprequest
06-01
java-xmlhttprequest 该组件提供了一组基本的 JS 函数，可以在 Nashorn 中使用这些函数来提供一些涉及远程请求的脚本。 此代码最初来自并以多种方式进行了改编。 改用 Apache HTTP 组件 更改了错误处理，以便超时错误取消所有内容 与原始实现一样，作为 XMLHttpRequest 的实现，这是令人遗憾的不完整，但是如果您只需要最常见的用例，它应该足够了。 此外，这主要用于嵌入，因此无论如何我们都不需要成为 XMLHttpRequest 的精确模型，因为这会阻止我们使用身份验证。 例子 有关使用示例，请参阅测试组件。 执照 好问题。 原始要点上没有一个，但无论如何大部分内容都已更改。 我建议BSD。
XMLHttpRequest基础知识
独影阑珊
12-05 1124
XMLHttpRequest 是一个由浏览器的js环境提供的一个API对象，主要用来浏览器与服务器交换数据，简称XHR。XHR可以在页面加载完后，再继续向服务端发送请求及接收返回的数据时，达到不刷新页面情况下更新页面数据。XHR使用的协议不同于HTTP，不仅可以使用XML格式的数据，也支持JSON、HTML、或者纯文本。
关于原生XMLHttpRequest的原理及使用细节
rootKQ的博客
03-21 759
其中，readyState表示XMLHttpRequest对象的状态，status表示服务器响应的状态。当XMLHttpRequest对象在调用open方法和send方法之前准备发送请求时，readyState状态值为1（已调用open方法），2（已调用send方法并已接收响应头），3（正在接收响应体），4（已完成并接收到响应）。，在现在前端有很多对原生的ajax进行了再次封装，在日常项目开发中一般都会首选被封装的ajax，简化了操作，让开发人员更多的关注于业务逻辑而非机械化的代码规则结构。
XMLHttpRequest详解及ajax实现
11-07 559
XmlHttpRequest介绍 XHR英文全名XmlHttpRequest，中文可以解释为可扩展超文本传输请求。Xml可扩展标记语言，Http超文本传输协议，Request请求……XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）
XMLHttpRequest是怎么实现的
qq_48886692的博客
12-07 897
XMLHttpRequest运作机制 XMLHttpRequest使用的“坑”点 跨域 HTTPS混和内容
XMLHTTPRequest
最新发布
07-28
通过XMLHTTPRequest对象，我们可以在不刷新页面的情况下请求特定URL获取数据。使用XMLHTTPRequest对象在服务器之间通信时，传输的数据使用XML的方式，但最终会被转换成JSON数据格式来使用。\[1\]\[2\]\[3\] #### ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值