xmlhttprequest同步获取后台数据（一）

最新推荐文章于 2022-02-17 22:09:39 发布
最新推荐文章于 2022-02-17 22:09:39 发布
阅读量1.4k 收藏
点赞数
分类专栏： JavaScript 文章标签： xmlhttprequest同步获取后台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013430672/article/details/31820225
版权
本文介绍了一种使用XMLHttpRequest同步获取后台数据的方法，通过JavaScript函数getXmlHttpObject创建请求对象，并在onchange事件中触发函数cs发送GET请求。代码在IE8、Firefox和Chrome下测试通过。示例展示了如何根据选择的下拉框选项获取不同响应。
摘要由CSDN通过智能技术生成

1.前台代码：

<%@ Page Title="主页" Language="C#"  AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="ajax测试1._Default" %>

<html>
<head>
<script type="text/javascript">
    function getXmlHttpObject() {
        var httpobj = null;
        try{
            httpobj = new ActiveXObject("Microsoft.XMLHTTP");//支持IE
        }
        catch(e) {
            try {
                httpobj = new XMLHttpRequest();//非IE内核的都支持，高版本的IE其实也支持这个了，测试IE8支持

            }
            catch (e) {
                httpobj = new ActiveXObject("Msxml2.XMLHTTP");//支持IE
            }

        }
        return httpobj;
    }

    function cs() {
        var obj = doc

最低0.47元/天 解锁文章
放羊的星星_morelife
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解XMLHttpRequest（一）同步请求和异步请求
09-01
主要为大家详细介绍了XMLHttpRequest 同步请求和异步请求,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
XMLHttpRequest的同步和异步请求
Chenxinyi's Weblog
09-24 6140
客户端利用XMLHTTP发送请求得到服务端应答数据，并用Javascript操作DOM最终更新页面－ 又称无刷新更新页面，有代替传统web开发中采用form(表单)递交方式更新web页面的趋势。XMLHTTP依赖于XMLHttpRequest完成从客户端的请求到服务端的应答。XMLHttpRequest提供了两个方法open和send。open方法用于初始化XMLHttpRequest对象、指
XMLHttpRequest 异步方式和同步方式
weixin_34075551的博客
09-28 506
一.同步和异步区别 　　简单说：同步是阻塞模式，异步是非阻塞模式。 　　举个例子：普通B/S模式（同步）AJAX技术（异步）　　　　同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事　　　　异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕 二.XMLHttpRequest 异步方式和同步方式 xm...
Javascript 中XMLHttpRequest 实现前台向后台的交互
Feike1024的博客
10-14 478
在做关于XHR的练习时发现总结了下面这两种方式。 使用XMLHttpRequest对象分为4部完成: 1.创建XMLHttpRequest组建 2.设置回调函数 3.初始化XMLHttpRequest组建 4.发送请求 第一种： var userName; var passWord; var xmlHttpRequest; //XmlHttpRequest对象 function createXmlHttpRequest(){ if(window.ActiveXObject){ //如果是
ajax 由 XMLHttpRequest 实现前后台json消息交互
beitian_123的博客
08-16 1288
1. 前言 在几年的开发中一直从事C/C++的开发，之后机缘巧合接触到了java，并间接的知道了与java相关的其他知识，勉强抓住了IT的尾巴，遂对整个IT行业产生了浓厚的兴趣。第一次接触jsp，眼界为之大开，后来才从朋友那里听说到JSP是非常古老的技术，已经被阿里等放弃，取而代之的是vue等前端技术，心甚向往之。由于工作中仍旧用到JSP，故勉强对JSP应用到的相关知识进行总结，a...
详解vue前后台数据交互vue-resource文档
08-29
总的来说，vue-resource 为 Vue.js 应用提供了一个强大而灵活的工具，方便进行后台数据交互，使开发者能够更加专注于业务逻辑而不是网络请求的实现。通过合理的配置和使用，可以高效地实现前后端数据的同步和应用的...
ajax实现从后台拿数据显示在HTML前端的方法
10-18
在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种技术，它允许我们在不刷新整个页面的情况下，从服务器获取数据并更新部分网页内容。本文将详细介绍如何使用AJAX从后台获取数据并在HTML前端进行显示。 ...
通过jsonp获取json数据实现AJAX跨域请求
10-20
AJAX（Asynchronous JavaScript and XML）是使用XMLHttpRequest对象在后台与服务器进行数据交互的技术。在AJAX中，JSON常被用作数据交换格式，因为它是轻量级的，且JavaScript原生支持解析和生成JSON对象。JSON的...
用法 XMLHttpRequest的用法 ajax同步和异步的区别
01-04
- 适用于长时间运行的任务，如后台数据处理等。 - 使用`true`作为`open`方法的第三个参数。 - **同步请求**： - 会阻塞浏览器直到请求完成，可能导致页面无响应。 - 适用于小型任务或者对实时性要求不高的场景...
AJAX在不同浏览器中XMLHttpRequest对象的生成示例
12-01
XMLHttpRequest（XHR）对象是实现AJAX的核心，它允许JavaScript在后台与服务器进行通信，从而实现异步数据交换。 在不同的浏览器中，XMLHttpRequest对象的创建方式略有不同，主要是因为早期版本的Internet Explorer...
使用JavaScript的XMLHttpRequest从后台请求数据
stars_jake的博客
09-29 547
1.从后台获取数据需要发送一个ID去查询出该数据所以需要FormData去保存数据 2.实例化XMLHTTPRequest 3.使用open方法指定要请求的方式（post或get）和URL 4.设置回调方法 5.发送数据
XMLHttpRequest同步和异步请求
allway2的博客
02-17 1万+
XMLHttpRequest支持同步和异步通信。但是，一般来说，出于性能原因，异步请求应优先于同步请求。 同步请求阻止代码的执行，这会导致屏幕上出现“冻结”和无响应的用户体验。 异步请求 如果你使用XMLHttpRequest发送异步请求,那么当请求的响应数据完全收到之时，会执行一个指定的回调函数，而在执行异步请求的同时,浏览器会正常地执行其他事务的处理。 例子：在控制台输出页面源文件 这个例子演示了如何进行一个简单的异步请求。 var xhr = new XMLHttpRequest();.
javascript中XMLHttpRequest对象同步获取XML数据
ZDX_Y的博客
07-07 2996
XMLHttpRequest对象是一个利器，通过它可以在不重新加载整个页面的情况下实现对网页数据的局部更新，XML是用来存储传输数据的可扩展标记语言，这两个又是AJAX的核心。弄了个小例子捋一捋。new.xml来源于网络。test.html我放在我wamp环境下的www目录下，虽然并不影响运行。在这其中出现了XML数据无法读取的问题，我的这篇博客有具体的解决过程。<!DOCTYPE HTML> <h
xmlhttp:open方法中的POST、GET参数的区别
weixin_34297300的博客
10-08 723
1  问题描述： xmlhttp:open方法，请求页面的时候，更新页面数据后，第2次拿到的结果还是上次的信息 2  解决办法： 改用POST方式 3  说明： xmlhttp:open方法 创建一个新的http请求，并指定此请求的方法、URL以及验证信息 语法 oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser...
浅析前端XMLHttpRequest与Java后端的交互
大菜鸟的博客
12-09 6981
ajax通常会发送get和post两种请求，服务器后台也会通过相关的语法获取请求数据 1.get get请求时send()方法中只能传递null作为参数，因为send()方法是将数据作为请求体发送的，而get方法是没有请求体的，因此send中填了数据也无效。 要通过get请求来向后台传递数据只能在url的末尾追加查询字符串，第一个串前加"?"，多个串之间要用"&"连接。此处要注意查询...
详细解读XMLHttpRequest（一）同步请求和异步请求
热门推荐
w88529593的专栏
09-19 1万+
XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例，打开一个URL，然后发送这个请求。当传输完毕后，结果的HTTP状态以及返回的响应内容也可以从请求对象中获取。 通过XMLHttpRequest生成的请求可以有两种方式来获取数据，异步模式或同步模式。请求的类型是由这个XMLHttpRequest对象的open()方法的第三个参数async的值
使用JavaScript的XMLHttpRequest发送数据到后台
stars_jake的博客
09-29 1057
1.要将发送的数据添加到FormData中（使用XMLHttpRequest必须要将数据添加到FormData中不然会保错） 2.new一个XMLHttpRequest出来 3.使用open方法指定要请求的方式（post或get）和URL 4.设置回调方法 5.最重要的一步：使用send方法（括号里面装的是保存在FormData的数据）发送数据 ...
[转载]XMLHTTP同步与异步发送数据
weixin_30757793的博客
03-12 117
客户端利用XMLHTTP发送请求得到服务端应答数据，并用Javascript操作DOM最终更新页面－ 又称无刷新更新页面，有代替传统web开发中采用form(表单)递交方式更新web页面的趋势。 XMLHTTP依赖于XMLHttpRequest完成从客户端的请求到服务端的应答。XMLHttpRequest提供了两个方法open和send。open方法用于初始化XMLHtt...
XMLHttpRequest对象用于后台与服务器交换数据
最新发布
06-08
是的，XMLHttpRequest（XHR）对象是用于在后台与服务器交换数据的 JavaScript API。 XMLHttpRequest 允许客户端 JavaScript 与服务器进行异步通信，从而动态更新网页内容，而不必刷新整个页面。XHR 可以发送 HTTP 请求，接收和处理服务器响应。它可以通过 GET 或 POST 方法发送请求，支持同步和异步模式。 以下是一个简单的例子，使用 XHR 对象从服务器获取数据： ``` const xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data'); xhr.onload = function() { if (xhr.status === 200) { console.log(xhr.responseText); // 输出从服务器返回的数据 } else { console.log('请求失败：' + xhr.status); } }; xhr.send(); ``` 在上面的例子中，我们创建了一个 XMLHttpRequest 对象，然后使用 open() 方法指定要发送的 HTTP 请求（使用 GET 方法请求 http://example.com/data），然后定义了一个 onload 事件处理函数，当服务器返回数据时，该函数会被调用。最后，我们使用 send() 方法发送请求。 在实际开发中，我们通常会使用 jQuery 或其他 JavaScript 库来简化 XHR 的使用。例如，使用 jQuery 发送 XHR 请求的代码如下： ``` $.ajax({ url: 'http://example.com/data', method: 'GET', success: function(data) { console.log(data); // 输出从服务器返回的数据 }, error: function() { console.log('请求失败'); } }); ``` 这个代码使用 jQuery 的 ajax() 方法发送 XHR 请求，指定了要请求的 URL、HTTP 方法和成功和失败回调函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值