【如何创建ajax对象并兼容多个浏览器】教程文章相关的互联网学习教程文章

ajax回调函数中使用$(this)取不到对象的解决方法

下面这段jquery代码,是可以达到预期效果的。 代码如下:$(".derek").each(function(){ $(this).click(function(){ var params = $(this).parent().serialize(); var obj=$(this).parent().siblings("div#caskContent"); var form=$(this).parent(); $.ajax({ url:"editCaskContent", type:"post", data:params, dataType:"json", success:function(e){ obj.empty(); obj.html("<font color=\"#00AA00\">追问:</font>"); obj.appe...

使用Ajax技术通过XMLHttpRequest对象完成首页登录功能

最近使用Ajax技术通过XMLHttpRequest对象完成一个首页的登录功能! 代码如下: <script type="text/javascript">//创建XMLHttpRequest对象function createXMLHttpRequest(){if(window.XMLHttpRequest){ return xmlhttprequest=new XMLHttpRequest(); }else{ return xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP"); }}//登录按钮执行的方法function doStart(){var logname=document.getElementById("loginName").value; va...

解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始。 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHTTP对象 var xmlhttp=ActiveXobject("Microsoft.XMLHTTP");//较老的IE版本创...

ajax 动态传递jsp等页面使用id辨识传递对象

ajax 动态传递页面, js 的ajax编写,使用id辨识传递对象 例如 : 现在有个需求,一个页面,分成左右两块,左侧导航菜单有个用户列表信息功能按钮,想在右侧无刷新情况下加载用户数据,列表显示。 我们定义两个jsp main.jsp userlist.jsp main.jsp 右侧有个div id='userlist' 层,负责接受通过传递过来的userlist.jsp userlist 处理列表数据 for循环 jstl foreach 标签都可以 main.jsp 点击用户列表按钮触发下面js doAjax("userlist...

AJAX在不同浏览器中XMLHttpRequest对象的生成示例

代码如下:<script type="text/javascript"> function ajax() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX!"); return false; } } } </script>

Ajax创建XMLHttp对象的完美兼容性代码

代码如下:function creatajax(){ var ajax=null; if (window.XMLHttpRequest){ //对于Mozilla、Netscape、Safari等浏览器,创建XMLHttpRequest对象 ajax = new XMLHttpRequest(); if (ajax.overrideMimeType){ //如果服务器响应的header不是text/xml,可以调用其它方法修改该header ajax.overrideMimeType(text/xml); } } else if (window.ActiveXObject){ // 对于Internet Explorer浏览器,创建XMLHttpRequest try{ ajax = new Ac...

ajax 入门基础之 XMLHttpRequest对象总结

XMLHttpRequest 提供客户端同http服务器通讯的协议 一:创建 IE : http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request = new ActiveXObject("Microsoft.XMLHTTP"); 非IE: http_request = new XMLHttpRequest(); 二:onreadystatechange 指定当readyState属性改变时的事件处理句柄 语法 http_request .onreadystatechange = funcMyHandler; 三:readyState 返回XMLHTTP请求的当前状态 变量,此属性只读,状态用长度...

ajax 异步获取数据实现代码 (js创建ajax对象)

代码如下:<script type="text/javascript"><!-- var request = false; try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { request = false; } } } if (!request) alert("Error initializing XMLHttpRequest!"); //获取信息 function GetInfo() { va...

Ajax 对象 包含post和get两种异步传输方式

代码如下:/** * @author Supersha * @QQ:770104121 */ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ajax Document</title> <script type="text/javascript"> //注意,编码要同意为utf-8才能避免中文参数和返回中文的乱码问题 function Ajax(prop){ this.action(prop); //在实例化的时...

AJAX中同时发送多个请求XMLHttpRequest对象处理方法

在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的对象,则使用此对象,否则将创建一个新的对象。 下面是我最近写的一个简单的类:* XMLHttpRequest Object Pool * * @author legend <legendsky@hotmail.com> * @link ...

AJAX客户端说明,XMLHttpRequest对象

在CommunityServer中运用了自己的AJAX机制,没有借助其他的辅助控件。其中客户的XMLHttpRequest对象的封装,就足以让人大饱眼福,在一般的浏览器其都能够运行AJAX。下面我们来学习学习这个咚咚,希望能给更多的人带来帮助。 首先当然是要了解一下浏览器中的XMLHttp对象了: XMLHTTP方法: 备注:客户机可以使用XMLHTTP对象发送任意的HTTP请求,接受HTTP应答,还可以对应答的XML文档进行解析。 Open方法:初始化...

[ASP.NET AJAX]Function对象及Type类的方法介绍

上一回我们从总体上认识了JavaScript Microsoft AJAX Library由于临时有事,没有加入事例显得有点抽象,这一回一定会通过一些事例更加直观的来会一会Asp.NET Ajax脚本库中一个很是重要的类Type。这个类提供了一些扩展面向对象编程的一些反射方法,通过这个类我们可以注册类似.NET中的一些(如:命名空间,类,枚举等等)基本类型。这个Type类继承自window是一个Global类型,不属于任何命名空间。下面我们来看看Type中的一些基本方法以...

使用html5的FormData对象,通过Ajax表单异步提交文件数据

每次在向服务器提交文件对象数据是,总是需要借助各种三方插件来实现表单异步提交功能,还要为不同的界面去定制不同的插件css,相当繁琐。XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。...

JavaScript-Runoob-AJAX:创建 XMLHttpRequest 对象【代码】【图】

ylbtech-JavaScript-Runoob-AJAX:创建 XMLHttpRequest 对象 1.返回顶部 1、AJAX - 创建 XMLHttpRequest 对象XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。创建 XMLHttpRequest 对象 所有现代浏览器(IE7+、Firefox、Chrome...

asp.net mvc 接收jquery ajax发送的数组对象【代码】【图】

<script type="text/javascript">$(function () {var obj = { name: "军需品", myclass: [{one: 1,two: 2,three: 3}, {one: 11,two: 22,three: 33}, {one: 111,two: 222,three: 333}]};$.ajax({url: <%=Url.Content("~/Home/GetList") %>,type: POST,dataType: json,data: JSON.stringify(obj),contentType: application/json; charset=utf-8,success: function (data, state) {alert(JSON.stringify(data));alert(state);}});});<...