XMLHttpRequest -立即调用的函数表达式
XMLHttpRequest是一种用于在Web浏览器和服务器之间进行异步数据传输的API。它允许网页通过JavaScript发送HTTP请求并接收服务器返回的数据，而无需刷新整个页面。
XMLHttpRequest的主要特点包括：
- 异步传输：XMLHttpRequest可以在后台发送请求并在数据返回后处理响应，而不会阻塞页面的加载和用户的交互。
- 支持多种数据格式：除了XML，XMLHttpRequest还可以处理其他数据格式，如JSON、HTML、文本等。
- 客户端与服务器交互：通过XMLHttpRequest，网页可以向服务器发送请求并接收响应，实现与服务器的双向通信。
- 动态更新页面内容：通过异步请求和响应，网页可以根据服务器返回的数据动态更新页面内容，提升用户体验。
XMLHttpRequest的应用场景包括：
- 异步加载数据：网页可以使用XMLHttpRequest在后台加载数据，提高页面加载速度和用户体验。
- 表单提交：通过XMLHttpRequest，网页可以使用AJAX技术将表单数据异步提交到服务器，实现无刷新表单提交。
- 动态更新内容：网页可以使用XMLHttpRequest获取服务器返回的数据，并根据数据动态更新页面内容，实现局部刷新。
- 实时数据更新：通过XMLHttpRequest，网页可以定时向服务器发送请求，获取最新的数据并实时更新页面内容。
腾讯云提供了一系列与XMLHttpRequest相关的产品和服务，其中包括：
- 腾讯云API网关（API Gateway）：提供了高性能、高可用的API接入服务，可以帮助开发者快速构建和部署API，并提供了丰富的管理和监控功能。详情请参考：腾讯云API网关
- 腾讯云CDN（Content Delivery Network）：通过分布式部署的节点，加速静态资源的传输，提高网页加载速度和用户体验。详情请参考：腾讯云CDN
- 腾讯云Serverless云函数（SCF）：提供了无服务器的计算服务，可以根据请求动态分配资源，实现按需计算。详情请参考：腾讯云Serverless云函数
- 腾讯云对象存储（COS）：提供了安全、稳定、低成本的云端存储服务，可用于存储和管理静态资源。详情请参考：腾讯云对象存储
以上是关于XMLHttpRequest的概念、分类、优势、应用场景以及腾讯云相关产品的介绍。
相关·内容
例如，要调用一个名为makeRequest的函数，我了解到您需要执行makeRequest();。如果你只做makeRequest;，它就是对函数的引用(我想)。然而，看看这段代码(在我测试它时它是有效的)，它在window.onload上调用makeRequest;，而不带括号。
有人能解释一下吗？
window.onload = makeRequest;
var xhr = false;
function makeRequest() {
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
浏览 0提问于2011-04-08得票数 4
回答已采纳
我很难理解这个函数是如何保存的--本质上是对它的扩展。
我看到(function(){})将立即调用一个声明的函数。我不明白是什么提供了open作为参数。最后，我不明白(XMLHttpRequest.prototype.open)是怎么回事。这是在调用原型函数吗？
(function(open) {
XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
open.call(this, arguments);
};
})(XMLHttpRequest.prototype.open);
浏览 5提问于2015-10-02得票数 0
回答已采纳
我正在(重新)学习上的Mozilla站点上的Ajax，并且我面临着这段代码：
(function () {
var httpRequest;
document.getElementById("ajaxButton").onclick = function () {
makeRequest('test.html');
};
function makeRequest(url) {
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
浏览 0提问于2012-04-12得票数 2
回答已采纳
1回答
单击具有局部参数的全局函数
、、、、
在之后，这是一个递归的情况，sendRequest()正在创建一个带有指向自身的onclick链接的字段。这个onclick链接存储变量单词，应该在调用时输入到sendRequest。
<script type="text/javascript">
function inputReq(){
sendRequest(wordform.word.value)
}
function sendRequest(str){
//we start by removing the now superfluous rows
table=document.get
浏览 0提问于2019-05-30得票数 1
回答已采纳
1回答
因此，当数据请求超时时，我尝试使用XMLHttpRequest的超时值属性“恢复”我的程序。基本上，如果它无法检索数据，我希望它再试一次。目前，我的代码如下所示(删除了完整的URL以使其完全适应)：
function pullRequest(){
var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() {
if (this.readyState === 4) {
jsonDecode = this.responseTe
浏览 3提问于2017-09-12得票数 1
3回答
使用以下函数检查给定URL的存在。代码在客户端(浏览器)执行，是否有一种方法(如果有可能的话)可以保护变量不被浏览器调试器更改，同时将函数保存在客户端？上。
注意，url变量由服务器生成，并在JS脚本(客户端)上设置。
function UrlExists(url, callback)
{
var http = new XMLHttpRequest();
http.open('HEAD', url);
http.onreadystatechange = function() {
if (this.readyState == this.DO
浏览 1提问于2020-05-30得票数 0
1回答
作为实践，我正在尝试编写自己的Xhr包装器。我正在让东西跨浏览器工作的过程中，我遇到了一段代码，它为所有浏览器启动xhr对象( IE5.5+ )。
但我个人并不真正理解如何使用这个实例化的xhr对象。
见下面的代码：
(function () {
try {
return new(this.XMLHttpRequest || ActiveXObject)('MSXML2.XMLHTTP.3.0');
} catch (e) {}
})();
有人能解释一下如何使用实例化的xhr对象吗？
也许因为我自己的学习经验，(function (){})()
浏览 0提问于2019-06-07得票数 0
回答已采纳
1回答
如果是当前版本，会不会出现调用堆栈溢出的问题？
因为它以递归方式调用self because
如果会出现这样的问题，有没有更好的实现？
function waitForMsg(){
$.ajax({
type: "GET",
url: "xxx.php",
async: true,
cache: false,
timeout: 600000,
success: function(data){
handleFunction(data);
浏览 1提问于2012-04-13得票数 4
回答已采纳
1回答
我试图在函数内部声明一个变量，并希望使其在该函数之外可用。我已经看过了几个Stackoverflow的答案，但仍然不能理解。
script>
(function() {
var url
$("#airline-select").change(function () {
url = "{% url 'airline_year_financial_data' %}";
});
console.log(url)
var httpRequest;
浏览 4提问于2017-07-30得票数 1
1回答
如何从闭包返回，而不是从包含函数返回？
在下面的函数中，return语句实际上是从GM_xmlhttpRequest返回的:而不是闭包。当然，我可以看到我可以安排我的代码，以使执行从闭包的末尾下降，但我很好奇如何在示例中提前返回。
function GM_xmlhttpRequest(details, callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState != 4)
return; // <-- zomg retu
浏览 3提问于2010-09-28得票数 3
回答已采纳
我正在尝试在页面体加载之前创建一个xmlHttpRequest。当尝试分配onreadystatechange函数时，会立即调用这个函数，从而将xmlHttp.readyState 始终返回到0。
我想我打错电话了。我应该如何正确地分配函数？
//create xmlHttp object
function CreateXmlHttp() {
try {
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp
浏览 1提问于2012-01-26得票数 0
回答已采纳
我是XMLHttpRequest的新手。我不明白为什么我们要先写onload()函数，再写send()函数。onload()函数处理我们收到的响应，send()函数向服务器发送请求。因此，根据我的理解，onload()必须在send()函数之后编写。有人能帮我理解这一点吗。
var xmlhttp = new XMLHttpRequest(),
method = 'GET',
url = 'https://developer.mozilla.org/';
xmlhttp.open(method, url, true);
xmlhttp.onload =
浏览 0提问于2017-07-27得票数 12
回答已采纳
我想在'div‘中显示txt文件的内容，所以我用一个按钮调用函数，但是即使我不按这个按钮，函数也会触发，下面是我的HTML代码：
<body>
<form>
<input id="showF" type="button" value= "Show File" />
</form>
<div id="contaniner" style="background-color:#99FF66;">
<p>It will show
浏览 3提问于2014-01-09得票数 3
回答已采纳
下面是我的代码：
var xmlhttp;
function HttpObject(str)
{
//alert("iam in process request");
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
alert ("xmlhttp");
}
else if(window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Mic
浏览 3提问于2014-01-08得票数 1
正如您在Javascript中所知道的，使用以下表达式作为IIFE非常常见(I中间有Invoked F连接点E<code>E 29</code>xpression)：
(function(){
//code ...
})();
我想知道是否可以这样说，下面的表达式是一个IIFE (当不需要返回值时)：
new function(){
//code ...
}
或
new function(global){
//code..
}(this);
即使它是个物体。谢谢。
答案:
多亏了@le_m，@vol7ron和@Bergi，我们可以这么简单地回答，他下面的表达式
浏览 4提问于2017-06-03得票数 4
回答已采纳
2回答
因此，我有一个“显示最近的”图片div在我的网站上，我会刷新内容每20秒，以显示一张新的图片。问题是，我当前的ajax调用会立即刷新自己，而不是在20秒之后，而且当它刷新时，它不会删除之前的数据，所以它列出了所有的1000+图片。
下面是我的ajax调用：
$(window).load(function(){
var timer = 0;
for (x =0; x<=20; x++)
{
timer++;
if(timer == 20 || x == 20)
{
//create XMLHtt
浏览 0提问于2012-07-13得票数 0
回答已采纳
2回答
这是如何工作的？
void function() {}()
我看到了一个解释，void将生命从声明转换为表达式，每个表达式都必须求值，对吗？
谢谢。
浏览 0提问于2016-06-10得票数 0
我最后一次见面
!function () {
function a() {
some code here . . .
}
} ();
我知道"!"相似“不是”负粒子，在这个函数中一切都很好，但是我想知道为什么在这种情况下使用这个！“？
谢谢!
浏览 3提问于2015-09-07得票数 0
4回答
我没有找到一个要求类似于这个模式的帖子，如果我错过了它，很抱歉。
无论如何，我在许多jQuery插件或脚本中反复看到这种模式：
(function () {
...........
}());
其目的是什么？有名字吗？
谢谢!
浏览 3提问于2013-10-04得票数 7
回答已采纳
我目前正在使用AJAX和JavaScript进行学习。
我有一个简短的问题要问智者。
如何将下面的代码转换为定时事件而不是OnClick事件。
**例如，我想每5秒刷新一次“显示列表”.
我知道这是工作代码，违反了网站的规则，但是如果我发布我不工作的代码，它就会像我一样把事情搞混。
我正试着慢慢地理解基本知识:)
如有任何指导，将不胜感激。
<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
浏览 0提问于2014-02-03得票数 1
回答已采纳
1回答
我用XMLHttpRequest调用了一个PHP文件，但是现在调用没有完成，我也不知道为什么。req.readyState不是4，我不知道为什么，因为PHP文件是正确的，并且做了应该做的事情(只回显一个字符串)。
有谁能看到我看不到的东西吗？
function processAjax(id, option) {
if (option == "lpath") url = "<?php echo $mosConfig_live_site;?>/administrator/components/com_joomlaquiz/getinfo.php?id=&
浏览 0提问于2011-11-21得票数 0
回答已采纳
可能重复：
为了获取一些内容，我对向不同服务器发出xmlhttprequests感到有点困惑。以下是我写的内容，但我似乎在某些时候弄错了。
var URL = new Array();
URL[0] = "http://www.example1.com";
URL[1] = "http://www.example2.com";
URL[2] = "http://www.example3.com";
var nRequest = new Array();
for (var i=0; i<3; i++) {
nRequest[i]
浏览 51提问于2012-11-19得票数 5
回答已采纳
在我的网站中，我使用了下面的代码。但是ajax只有在我们添加警告的情况下才能工作。
$(document).submit(
function(){
if(document.getElementById('time_i').innerHTML != '')
{
var flag = false;
var str = document.getElementById("time_i").innerHTML;
浏览 1提问于2012-02-13得票数 1
我正在为生成PDF的意图编写一个处理程序。这个API接受带有JSON数据的POST请求，并返回到生成的PDF的链接。意图触发此代码，但没有将答案添加到代理中。是否有可能请求未被转发到目的地？API似乎没有收到任何请求。知道怎么解决这个问题吗？
function fillDocument(agent) {
const name = agent.parameters.name;
const address = agent.parameters.newaddress;
const doctype = agent.parameters.doctype;
var XML
浏览 1提问于2018-09-28得票数 4
回答已采纳
1回答
我有以下代码来调用jsonp。
var contacts;
$.ajax({
url: "http://localhost:51973/Service1/GetContacts",
type: "GET",
async: false,
data: { companyName: company },
浏览 0提问于2012-04-09得票数 0
回答已采纳
1回答
()符号在这个使用immutable.js的嵌套记录中意味着什么？
这是代码：
'use strict'
const {Record} = require('immutable')
const Form = Record({
disabled: false,
fields: new (Record({
username: '',
usernameHasError: false,
email: '',
emailHasError: false,
password: '
浏览 1提问于2018-09-03得票数 1
回答已采纳
1回答
我刚刚开始学习AJAX，并且已经做了一个简单的脚本。下面是脚本。
<!doctype html>
<html>
<head>
<title>Welcome to the forum</title>
<script>
var XMLHttpRequestObject = false;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject = new XMLHttpRequest();
浏览 0提问于2013-02-03得票数 0
回答已采纳
有人能解释一下以下JavaScript对象的含义或它是如何工作的吗？
var var1 = (function(){
// some code
})();
var1(function(){
// some code
})
浏览 3提问于2015-03-11得票数 0
回答已采纳
我有个密码：
function (i)
{
alert(i);
}(3);
但是它不起作用，所以在StackOverFlow问题之后，我把它改为：
(function(i){ alert(i); })(3);
而且它是有效的。
我不得不用()包装所有的代码。
，但我在另一个站点上看到了这段代码:
function addLinks () {
for (var i=0, link; i<5; i++) {
link = document.createElement("a");
link.innerHTML = "L
浏览 5提问于2011-11-02得票数 4
回答已采纳
3回答
为什么Ajax不使用自调用？
、、、、
自调用closure函数的奇怪语法意味着您实际上是在调用函数本身，从而使它成为self-invoking。下面的一些代码演示了这一点：
<!DOCTYPE html>
<html>
<head>
<title>
A Nameless Function that Executes Itself
</title>
</head>
<body onload = "mainMethod();">
<
浏览 2提问于2012-05-17得票数 0
回答已采纳
如何理解最后一行中的括号以及如何调用函数。
我想如果最后没有fun()(1,1,handle);的话，那就是();，但是();是什么意思呢？
var handle = function(boolean){
alert(boolean);
}
var fun = function(){
// Some definition
// Some function
return function(a,b,handle) {
// Some process
if (a == b) {
handle(true);
} else {
ha
浏览 2提问于2021-04-15得票数 0
回答已采纳
使用jQuery的$.ajax()函数。在哪里，请求被故意中止，或者如果服务器出现故障(没有响应)，似乎也会发生相同的结果；
这就是在xmlHttpRequest.status =0和xmlHttpRequest.readyState = 4处触发的“成功”处理程序。
(我模拟失败的请求，方法是关闭IIS，然后针对“关闭”的网站执行xmlHttpRequest )
因此，我的问题是，如何确定中止的请求与由于服务器没有响应而真正失败的请求(因为服务器可能已经关闭)之间的区别，因为这两种情况似乎都给了我相同的状态/就绪状态？
更准确地说，编辑，我想知道如何防止在ajax上调用.abort()函数之
浏览 8提问于2010-03-01得票数 9
回答已采纳
2回答
有时用函数表示值更容易，lambda对此很有好处。但是有什么方法可以从lambda声明中返回值吗？
例如：
int i = []{return 2;};
生成一个错误。如何使lambda声明在没有新代码行的情况下返回2？
浏览 8提问于2020-05-28得票数 4
回答已采纳
我试图在js中实现一个算法。我想从文本文件(逐行)中读取数据，而不需要选择输入，只需在源代码中设置文件路径即可。我已经尝试过每一种堆叠溢出的方法，它们都不适合我。
要读取的文件正好位于我的本地主机上。
有人能帮忙吗？
这是我的代码，有一个错误发生在：
不推荐主线程上的同步XMLHttpRequest，因为它会对最终用户的体验产生有害影响。
我试图读取的文件正好在本地主机文件夹中。
<html>
<head>
</head>
<body>
<script type="text/javascri
浏览 3提问于2015-07-19得票数 0
回答已采纳
我是AppsScript/Javascript的新手，我正在努力学习的功能。作者在书中写道
var Content = (function (ns) {
ns.makeContent = function (e) {
}
return ns;
}) (Content || {});
并且能够通过
function doPost(e) {
return Content.makeContent (e);
}
拥有一个读取var ... = (...) (...);的变量赋值语句意味着什么？
浏览 6提问于2020-11-16得票数 0
回答已采纳
这是非常基本的javascript，问起来可能有点傻，但是这两者有什么区别呢？
a)函数变量() {}；b)变量变量=函数(){}；
我想浏览器一读到第二个脚本就会执行，对吗？
浏览 0提问于2017-11-03得票数 0
1回答
我试图在project.The中使用骨干关系和project.The，下面是一个CoffeeScript中的示例，说明了我试图建模的事物类型：
class NestedModel extends Backbone.RelationalModel
defaults:
Description: 'A nested model'
NestedModel.setup()
class MainModel extends Backbone.RelationalModel
defaults:
Description: 'A Main
浏览 4提问于2012-05-21得票数 4
我正在尝试为XMLHttpRequest创建一个模块，我可以在Reason.useEffect中调用该模块。下面的代码是我在一个实例中尝试过的，看起来很有效，但是我想让Reason.useEffect能够调用库的“中止”：现在我给它None，这样如果出现问题，React就不会做任何事情。
type request;
type response;
[@bs.new] external makeXMLHttpRequest: unit => request = "XMLHttpRequest";
[@bs.send] external addEventListener: (r
浏览 1提问于2020-12-15得票数 0
回答已采纳
3回答
我有一个XMLHttpRequest的代码。它是一个向服务器发送请求的对象，并且是异步的，所以当我想要接收响应时，我需要向这个对象的onreadystatechange属性提供回调函数。在接收到响应后调用此函数：
function send()
{
XMLHttpRequest req = new...
req.onreadystatechange = answer;
}
function answer()
{
//handling the answer...
}
所以它很棒，但是我不想使用新函数来处理答案，所以我是匿名的：
function send()
{
XML
浏览 1提问于2012-03-15得票数 0
回答已采纳
1回答
我希望我的网页上的值随着JSON文件中的值的改变而改变。我写了一个区间函数- intervalFunction()，但是页面没有更新。下面是我的代码：
<html>
<head>
<meta content = "text/html; charset = ISO-8859-1" http-equiv = "content-type">
<script type = "application/javascript">
var myVar;
浏览 0提问于2015-09-11得票数 0
JavaScript中的这种结构意味着什么：
(function (){
alert("bla");
})();
浏览 0提问于2013-04-07得票数 2
将()放在javascript中立即调用的函数表达式末尾的原因是什么？
(function() {
// Code that runs in your function
})( /* this parenthesis in the end */ )
浏览 0提问于2020-02-13得票数 1
回答已采纳
2回答
我希望根据一个变量立即拒绝所有AJAX请求。我知道如何挂接XMLHttpRequest，但不确定如何拒绝它。
(function(open) {
XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
this.addEventListener("readystatechange", function() {
if(this.readyState === 1){
浏览 0提问于2016-06-12得票数 1
2回答
const funcee = () => return 1;
let funcor = funcee;
console.log(funcor)
结果是Function: funcee
你到底把这叫做什么？函数定义？这方面的Javascript术语到底是什么？
浏览 1提问于2018-09-28得票数 0
我不知道为什么XMLHttpRequest()不能在Firefox中工作。在Chrome和IE中工作。这个代码是关于改变我的网站的语言。
<script type="text/javascript">
$(document).ready(function(){
$("#idioma_ingles").click(function(){
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "?idioma=2", true);
xmlhttp.send();
lo
浏览 2提问于2015-04-28得票数 1
回答已采纳
1回答
你好，我一直在尝试从XMLHttpRequest函数返回数据。我尝试过许多不同的方法，但当我尝试从外部将数据输出到控制台时，唯一能得到的就是我总是得到“未定义”的函数。只有当我从函数本身内部执行它时，它才能工作。
<script>
var object;
function loadJSON(path, success, error) {
var xhr = new XMLHttpRequest();
var obj1;
xhr.onreadystatechange = function () {
if (xhr.readyState ===
浏览 4提问于2016-10-30得票数 0
回答已采纳
引言
假设有一个Container类存储Widget对象。有一个迭代器类负责导航这样的容器。此迭代器类(MyIterator)接受对构造函数中的Stuff向量的const引用，它需要对容器中的正确元素进行迭代。代码可能如下所示：
class MyIterator
{
public:
MyIterator(
const Container& container, // Container to be navigated
const std::vector<Stuff>& vec) // Parameter which co
浏览 2提问于2022-06-07得票数 0
回答已采纳
我见过像这样的JavaScript：
function () {
// do something
}()
最近类似这样的事情：
(function () {
// do something
})()
有什么不同吗？都会立即执行，对吧？
编辑：
关于第一个例子的说明。该函数将从另一个应用程序传递到浏览器，因此在我结束时没有出现错误。它在浏览器中运行时抛出一个错误。在深入研究之后，我发现应用程序API正在将函数传递给eval。以上两个例子对我都有帮助，这也是我问这个问题的原因。
浏览 2提问于2017-02-25得票数 1
回答已采纳
2回答
我正在读一个javascript文件，它是由一个人编写的，它有一些修改CSS和其他东西的功能，而且我不是Javascipt的专业人员；我看到了一段代码，如
+ function(a) {
"use strict";
function b() {
var a = document.createElement("bootstrap"),
b = {
WebkitTransition: "webkitTransitionEnd",
浏览 7提问于2014-08-20得票数 4
回答已采纳
有人能向我解释一下这个语法是干什么的吗？
(function(star){
//do something
})(star || (star = {}));
浏览 3提问于2016-08-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
