`

用javascript来实现纯AJAX

    博客分类:
  • ajax
 
阅读更多

下面用纯javascript来实现ajax

function runAjax(){

     var xmlhttp;
     var id = document.getElementById("xxx");
     var content = document.getElementById("xxxx");
if(window.XMLHttpRequest){
     xmlhttp = new XMLHttpRequest();
} else {
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=functioin(){
     if(xmlhttp.status==200 && xmlhttp.readyState==4){
             
                content.innerHTML=xmlhttp.responseText;
     }
}


xmlhttp.open("GET","ajax.Action?id="+id,true);
xmlhttp.send();

}

 

  2,用JS来实现ajax:

 

$.ajax({
          type:"GET",
          url:"runAjax.action",
          data:{"username":name}, //这里是传到后台的数据
           success:function(result){
                     //成功后执行的函数
             },
           beforSend:function(){  //执行之前的函数},
           complete:function(){  //完成之后执行的函数}
});

 

 

分享到:
评论

相关推荐

    纯JavaScript实现Ajax

    在本示例中,我们将探讨如何使用纯JavaScript实现Ajax,并调用Java代码来处理数据。 首先,我们需要了解Ajax的基本组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有现代浏览器都内置了这个...

    ajax 纯JavaScript demo ajax示例

    总结起来,Ajax是提升网页动态交互性的重要工具,通过纯JavaScript实现Ajax,可以避免依赖额外的库或框架,提高页面性能。了解并熟练掌握Ajax的使用,对于前端开发者来说是必不可少的技能之一。在实际应用中,还可以...

    ajax通用函数,兼容市面所有浏览器,纯javascript实现

    }这个通用 `ajax` 函数通过使用 JavaScript 实现了一个跨浏览器的 AJAX 请求。它首先检查是否支持 `ActiveXObject`(针对旧版 Internet Explorer)或 `XMLHttpRequest` 对象。然后,它会初始化一个请求,设置请求...

    javascript+jquery+ajax相关学习资料PPT

    学习这些资料,你将能够掌握JavaScript、jQuery和AJAX的基本概念,了解它们如何协同工作,以及如何在实际项目中运用这些技术来创建高性能的网页应用。通过实践,你可以提高自己的前端开发技能,为构建现代Web应用...

    Javascript & Ajax 中文手册

    `w3school_ajax.chm` 文件则是关于 AJAX 的专项指南,可能会详细讲解如何利用 JavaScript 实现异步通信,包括创建和使用 XMLHttpRequest 对象,以及处理不同的响应类型。这个文件同样会涵盖一些实际应用场景,帮助你...

    购物车(纯AJAX实现)

    本项目"购物车(纯AJAX实现)"完全基于AJAX技术来实现实时更新和交互,无需刷新页面,提高了用户体验。通过这个项目,我们可以学习到以下几个关键的AJAX和JavaScript知识点: 1. **AJAX基础**:AJAX(Asynchronous ...

    Beginning JavaScript with DOM Scripting and Ajax

    《初识JavaScript与DOM脚本和Ajax》这本书深入浅出地介绍了JavaScript编程、DOM操作以及Ajax技术的基础知识,是Web开发者的入门指南。JavaScript作为Web前端的核心语言,DOM(Document Object Model)则提供了对HTML...

    jQuery实现的纯HTML模板进行ajax数据绑定

    标题中的“jQuery实现的纯HTML模板进行ajax数据绑定”指的是使用jQuery库来处理HTML模板,并通过AJAX技术动态地从服务器获取JSON数据,然后将这些数据绑定到模板中,实现页面内容的动态更新,无需刷新整个页面。...

    纯js实现ajax无刷新三级联动

    本项目"纯js实现ajax无刷新三级联动"旨在利用JavaScript和Ajax技术,无需页面整体刷新即可实现多级选择联动效果,这种效果常见于下拉菜单的联动筛选中。在描述中提到,此项目使用了JSON格式进行数据交换,这有助于...

    javascript实现ajax效果的经典代码

    本示例代码着重于使用纯 JavaScript 实现这一功能,无需依赖任何外部库,如 jQuery 或其他 AJAX 库。 在传统的网页交互中,用户必须等待整个页面加载完成才能看到更新的内容,而 AJAX 提供了一种更加高效和用户友好...

    纯ajax实现的滚动条

    【标题】:“纯ajax实现的滚动条” 在Web开发中,滚动条是我们常见的交互元素,它通常用于指示页面内容的可滚动部分。然而,传统的滚动条是静态的,不提供实时数据加载或进度反馈。纯ajax实现的滚动条是一种创新的...

    javascript实现ajax HoverMenu

    传统的实现方式可能依赖于纯JavaScript或者jQuery等库来完成。然而,在该示例中,通过结合Ajax技术与JavaScript,可以进一步提高HoverMenu的响应速度和用户体验。 #### 二、关键功能点分析 ##### 2.1 定位DOM元素 ...

    纯AJAX实现用户名验证

    【标题】"纯AJAX实现用户名验证"涉及的是在Web开发中使用JavaScript和Ajax技术进行实时用户输入验证的方法。Ajax(Asynchronous JavaScript and XML)允许网页在不重新加载整个页面的情况下与服务器交换数据并更新...

    纯ajax

    而使用Ajax,可以实现无刷新分页。用户点击分页按钮时,只请求当前页的数据,然后在现有页面上替换内容,避免了页面跳转,提高了用户交互性。 1. 请求处理:当用户点击分页按钮,触发Ajax请求,传递当前页码给...

    纯前端实现JavaScript斗地主代码.zip

    《纯前端实现JavaScript斗地主代码》是一款基于JavaScript编写的在线斗地主游戏,可以直接在谷歌浏览器上运行,为用户提供三人对战的游戏体验。玩家可以选择叫分,包括1分、2分或3分,游戏机制遵循传统的斗地主规则...

    jQuery与JavaScript各自实现AJAX异步请求验证[借鉴].pdf

    总结来说,jQuery和JavaScript都可以实现AJAX异步请求验证,区别在于jQuery提供了一套更简洁的API来处理AJAX操作,如`$.ajax()`、`$.get()`和`$.post()`等,使开发者能更快速地构建功能,而原生JavaScript的实现则...

    Javascript ajax加载Loading

    以下是一个简单的使用纯JavaScript和AJAX实现加载指示器的步骤: 1. **HTML结构**:在HTML文件中,创建一个用于显示GIF动图的元素,如`<div>`或`<img>`,并将其初始样式设置为隐藏。 ```html ;"> ``` 2. **...

    HTML+CSS+JavaScript+AJAX+JQuery.docx

    例如,使用一行 jQuery 代码就可以实现复杂的动画效果,而纯 JavaScript 实现则可能需要更多的代码。 学习 HTML+CSS+JavaScript+AJAX+JQuery 的过程通常包括以下步骤: - 理解 HTML 结构,编写基本的静态网页。 - ...

    ajax经典面试题;一个页面实现增删改查之纯JS版

    本话题将详细探讨如何在一个页面上利用纯JavaScript实现增删改查(CRUD)操作,并结合ASP.NET来构建Web应用程序。 首先,`Ajax`的核心理念在于不刷新整个页面的情况下更新页面的特定部分,通过异步通信与服务器进行...

    征服Ajax-javascript部分 ajax javascript课件

    总结来说,Ajax是构建动态、交互性强的Web应用的关键技术,通过JavaScript实现与服务器的非阻塞通信,极大地提升了用户体验。理解并掌握Ajax的使用方法和核心概念,对于成为一名优秀的Web开发者至关重要。

Global site tag (gtag.js) - Google Analytics