`
sdu_wizard
  • 浏览: 99696 次
  • 性别: Icon_minigender_1
  • 来自: 亚特兰蒂斯
社区版块
存档分类
最新评论

javascript中ajax的基本用法

 
阅读更多

 

以下是最原始的javascript的ajax方式代码,有get和post两种方式

var xmlHttpRequest=null;

function ajaxSubmit(){

if(window.ActiveXObject)//是IE浏览器

{

xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");

}

else if(window.XMLHttpRequest)//是除IE外的其他浏览器

{

xmlHttpRequest=new XMLHttpRequest();

}

if(null!=xmlHttpRequest){

//get方式提交,GET为提交方式,testServlet为提交地址,true为异步,false为同步,GET方式提交,附加参数只能跟在地址的后边

xmlHttpRequest.open("GET","testServlet?name=twy",true);

//关联回调函数

xmlHttpRequest.onreadystatechange=ajaxCallback;

//向服务器发送数据

xmlHttpRequest.send(null);

/**  post方式提交,附加参数可以写在send方法中

xmlHttpRequest.open("POST","testServlet",true);

xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xmlHttpRequest.send("name=twy");

**/

}

}

                //回调函数

function ajaxCallback(){

                        //0未连接,1打开连接,2发送请求,3交互,4完成交互,接收相应

if(xmlHttpRequest.readyState==4){                                

if(xmlHttpRequest.status==200){

var responseText=xmlHttpRequest.responseText;

alert(responseText);

}

}

}

在火狐里,false(同步)方式的回调函数不起作用

 

 

 

分享到:
评论

相关推荐

    Javascript & Ajax 中文手册

    AJAX 的基本流程包括创建 XMLHttpRequest 实例、打开连接、设置请求方法和URL、发送请求以及处理服务器的响应。在现代Web开发中,jQuery 和 Fetch API 已经简化了这一过程,使得开发者更容易地实现异步通信。同时,...

    javascript-ajax基本属性方法详解

    这里我们将深入讲解JavaScript的基础知识以及AJAX的基本属性和方法。 首先,了解JavaScript的基础。在字符串操作中,`length`属性用于获取字符串的长度,例如`"asdfg".length`会返回5。`charAt(index)`方法用于获取...

    javascript+.net ajax用法

    JavaScript、AJAX(异步JavaScript和XML)与.NET框架结合使用,可以构建高度交互性和响应式的Web应用程序。AJAX允许在不刷新整个页面的情况下,从服务器获取数据并更新页面的特定部分,从而提供了更好的用户体验。...

    挑战JavaScript & Ajax 应用开发

    8. **现代前端框架和库**:如 React、Vue 或 Angular,它们使用虚拟 DOM 和组件化方法简化了 JavaScript 和 AJAX 的应用开发。 9. **事件委托**:利用事件冒泡或捕获机制,优化大规模交互元素的事件处理。 10. **...

    挑战javascript&ajax应用开发

    JavaScript 和 AJAX 是 web 开发中的两个重要概念,它们在创建交互式、动态和实时的网页应用中发挥着关键作用。JavaScript 是一种轻量级的解释型编程语言,主要用于客户端的网页脚本,而 AJAX(Asynchronous ...

    javascript&Ajax;应用开发

    - JavaScript 中定义变量可以使用 `var`, `let`, `const` 关键字。 - 数据类型包括基本类型(如字符串、数字、布尔、null、undefined)和引用类型(如对象、数组、函数)。 #### 函数和作用域 - 函数可以被定义在...

    javascript和ajax学习指南 Learn_JavaScript_and_Ajax_with_w3Schools.zip

    JavaScript 和 AJAX 是 web 开发中的两个重要概念,广泛应用于创建交互性强、动态更新的网页。这份"Learn_JavaScript_and_Ajax_with_w3Schools.zip"压缩包包含了一个电子书和一个文本文件,旨在帮助学习者掌握这两种...

    纯JavaScript实现Ajax

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

    ajax 纯JavaScript demo ajax示例

    在压缩包文件"ajaxBasicJavaScript"中,可能包含了一些基础的Ajax示例代码,这些代码可能涵盖了上述步骤的实现,用于展示如何使用JavaScript进行Ajax请求。通过学习和分析这些示例,你可以更好地理解Ajax的工作原理...

    javascript+Ajax实现词频统计

    JavaScript 和 AJAX 在网页开发中扮演着重要角色,尤其在实现动态数据交互方面。在这个"javascript+Ajax实现词频统计"的项目中,我们将探讨如何利用这两种技术来创建一个实时更新的词频统计应用。 首先,JavaScript...

    javascript+ajax实用技术

    JavaScript 和 AJAX 是 web 开发中的两个重要工具,它们在创建动态、交互性强的网页应用中起着关键作用。本文将深入探讨 JavaScript 和 AJAX 的实用技术,通过80个经典实例来展示它们的强大功能和巧妙应用。 ...

    HTML+CSS+JavaScript+AJAX+JQuery.docx

    4. AJAX (Asynchronous JavaScript and XML):AJAX 是一种使用 JavaScript 实现异步数据交换的技术,它允许网页在不刷新整个页面的情况下与服务器进行通信。通过 AJAX,可以创建更加流畅的用户体验,比如动态加载...

    【AJAX】传统JavaScript实现AJAX的小栗子

    "【AJAX】传统JavaScript实现AJAX的小栗子" 这个标题表明我们将探讨的是使用原生JavaScript实现AJAX(Asynchronous JavaScript and XML)的技术。AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术...

    JavaScript——Ajax

    Ajax全称为"Asynchronous JavaScript and XML",虽然名称中包含XML,但现在更多的是使用JSON格式来传递数据,因为JSON更轻量且易于处理。 Ajax的核心是XMLHttpRequest对象,它允许JavaScript向服务器发送异步HTTP...

    yui.zip_YUI aj_ajax_ajax java_javascript_javascript YUI Ajax

    描述中"Ajax源码(javascript)使用它可以构建更为动态和响应更灵敏的Web应用程序"指出,这个压缩包包含的是YUI中的AJAX源码,这些源码是用JavaScript编写的,可以帮助开发者创建具有高度交互性、无需刷新页面即可更新...

    AjAX JavaScript中使用表单实现留言功能

    本篇文章将详细讲解如何利用AJAX和JavaScript在网页上实现一个基本的留言功能。 首先,AJAX的核心在于异步数据交换,它允许网页在不刷新整个页面的情况下与服务器进行通信,提升用户体验。AJAX通过创建...

    ajax的基本用法

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页...Ajax是现代Web开发中不可或缺的一部分,理解并熟练掌握其基本用法和最佳实践,能有效提升网页的交互性和性能。

    基于JavaScript的Ajax动态购物车代码

    JavaScript的Ajax技术在现代网页开发中扮演着至关重要的角色,尤其在实现动态、无刷新的用户体验方面。Ajax(Asynchronous JavaScript and XML)并不是一个单一的技术,而是一组用于创建快速、交互式网页应用的技术...

    征服Ajax-javascript部分 ajax javascript课件

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器...理解并掌握Ajax的使用方法和核心概念,对于成为一名优秀的Web开发者至关重要。

Global site tag (gtag.js) - Google Analytics