ajax 基本写法,Ajax基本写法

最新推荐文章于 2025-05-19 16:59:10 发布

NetVoyager

最新推荐文章于 2025-05-19 16:59:10 发布

阅读量468

点赞数

文章标签： ajax 基本写法

本文深入探讨了XMLHttpRequest对象的兼容性实现，以及在AJAX中的使用。通过showInfo函数展示了如何绑定xhrStateChange回调处理响应，并讨论了innerHTML与innerText的区别。同时，文章还列举了多种AJAX的写法，包括原生JavaScript和jQuery的实现。最后，提到了Pixi.js WebGL库和遗传算法在JobShop中的应用，以及数据库管理和前端框架的相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Insert title here

var xhr=initAjax();

function initAjax()

{

if(window.XMLHttpRequest)

{

return new XMLHttpRequest();

}

else if(window.ActiveXObject)

{

try

{

return new ActiveXObject("Msxml2.XMLHttp");

}

catch(e)

{

try

{

return new ActiveXObject("Microsoft.XMLHttp");

}

catch(e)

{

//return undefined

alert("Your browser doesn't support AJAX!");

}

function showInfo()

{

//var xhr=new ActiveXObject("Msxml2.XMLHttp");

if(xhr!=null)

{

xhr.onreadystatechange=xhrStateChange;

xhr.open("GET","info.xml",true);

xhr.send(null);

}

function xhrStateChange()

{

if(xhr.readyState==4)

{

document.getElementById("infoDiv").innerHTML=xhr.responseText;

}

else if(xhr.readyState==3)

{

document.getElementById("infoDiv").innerHTML="Loading...";

}

initAjax函数实现了对浏览器的兼容(IE5,6), 不过现在ActiveX技术早已过时, 被浏览器默认禁用.

showInfo函数中将xhrStateChange函数绑定到onreadystatechange事件, 注意这种绑定方式不支持传参(只写函数名不能加括号)!!!而且这句代码写在函数外也是可以的.结果如下

第49行如果把innerHTML改为innerText, 则将不考虑xml文件中的标签, 内容原样显示, 如下

另外, xhr除了responseText属性, 还有一个属性:responseXml.

ajax提交写法

/* ajax提交写法 */ function add_prize() { // var query={}; var query = new Object(); quer ...

jQuery ajax 标准写法及进度条绘制

jQuery ajax 标准写法及进度条绘制 $.ajax({ url: "http://www.microsoft.com", //请求的url地址 dataType: &quo ...

JavaScript AJAX原生写法

JQuery的Ajax标准写法

Ajax的标准写法 $.ajax({ url:"http://www.xxx",//请求的url地址 dataType:"json",//返回的格式为json ...

Ajax原生写法

用太久JQuery了,别忘了Ajax原生是怎么写的 var Ajax = { get : function (url, callback) { var req = Ajax.getRequest(ca ...

JQuery中ajax请求写法

$.ajax({ type: "POST", url: "ygdwController.do?getonygdw", data : "id=&quot ...

ajax常用写法

$.ajax( url,{ type:"post", data:{},}) .done(function() { alert("success"); }) .f ...

jquery ajax标准写法

$.ajax({ url:url, //地址 type:'post', //请求方式还可以是get type不可写成Type 不让会导致数据发送不过去,使用 ...

随机推荐

pixi&period;js webgl库

分析pixi源码,刚搭建环境gulp+webpack,目前正在看... https://github.com/JsAaron/webgl-demo

遗传算法在JobShop中的应用研究(part 7：整体流程)

""" pop是种群,种群中的每个个体的形式是,(makespan, 染色体)""" pop = [(ComputeStartTimes(g ...

Flex使用Blazeds与Java交互及自定义对象转换详解-DATAGRID读取ORACLE数据

http://www.cnblogs.com/RocD-DuPeng/articles/1751040.html 一.建立Flex与Java交互的工程. 本文中讲到的交互是利用Blazeds的,因为这 ...

tolua&period;cast的实用方法

local name = (tolua.cast(sender, "ccui.Button")):getTitleText()

oracle 10g 学习之创建和管理表(7)

目标通过本章学习,您将可以: l 描述主要的数据库对象. l 创建表. l 描述各种数据类型. l 修改表的定义. l 删除,重命名和清空表. 常见的数据库对象表.视图.序列.索引.同义 ...

javascript中的 &quot&semi;==&quot&semi;

对象之间比较比较的是引用地址对象和其他比较,转成字符串字符串和数字比较,字符串转成数字布尔值和任何比较,转成数字 undefined == null NaN 和谁都不相等 javascript权 ...

HtmlHelper扩展及页面编码化

Html.Encode 新建Action,命名为HtmlEncodeDemo 将含有特殊字符的值传递给View视图 ...

python3&period;4&period;3如何获取文件的路径

#coding:utf-8from tkinter import *from tkinter import filedialogroot = Tk()root.filename = filedialo ...

we7 数据库

备份其他we7网站数据库然后附加数据库,重新命名即可不能是对其他we7数据库生成脚本,然后执行脚本,因为后台需要一些配置数据不然后台看不到左侧的工具栏

watchdog(IWDG)

1.为了避免程序忙跑跑死了没反应,加上一个看门狗watchdog实时监控着程序,一旦程序没有在规定的时间喂狗,则狗叫使得单片机复位. 2.Independent watchdog(IWDG)内部有时钟 ...