(1)用open可以指定get,post
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。
例如 :
var url = "login.jsp?user=XXX&pwd=XXX";
xmlHttpRequest.open("GET",url,true);
xmlHttpRequset.send(null);
(2)send发送为POST请求
此
外,也可以使用send方法传递参数。使用send方法传递参数使用的是POST方法,需要设定Content-Type头信息,模拟HTTP
POST方法发送一个表单,这样服务器才会知道如何处理上传的内容。参数的提交格式和GET方法中url的写法一样。设置头信息前必须先调用open方
法。
例如:
xmlHttpRequest.open("POST","login.jsp",true);
xmlHttpRequest.setRequestHeder("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xmlHttpRequest.send("user="+username+"&pwd="+password);
需要注意的是根据提交方式的不同,两种提交方式分别调用后台的doGet方法和doPost方法。
<zt> http://andylin02.iteye.com/blog/581035
分享到:
相关推荐
### AJAX中使用JavaScript的send方法POST参数详解 #### 一、引言 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的局部刷新,提升用户体验。其中,通过JavaScript发送POST请求是一...
### AJAX中的send方法详解 #### 一、简介 在AJAX技术中,`send`方法是XMLHttpRequest对象的一个重要组成部分,用于向服务器发送请求。它主要用于处理异步数据交互,可以实现网页局部刷新而不重新加载整个页面的...
2. **初始化连接**:通过XMLHttpRequest对象的`open()`方法,设置请求的类型(GET、POST等)、URL和是否异步。 3. **发送请求**:使用`send()`方法将数据发送到服务器。如果是GET请求,通常不需要传递参数;如果是...
### Ajax的POST方法详解 #### 一、引言 在Web开发中,异步JavaScript与XML(Ajax)技术被广泛应用于提升用户体验,实现无需刷新页面即可加载数据的功能。本文将重点探讨Ajax中的POST方法,包括其基本原理、应用...
- **jQuery 和 Axios**:学习Ajax时,可以了解jQuery的$.ajax()方法和现代JavaScript库Axios,它们都提供了更方便的接口来处理Ajax请求。 在项目中,Ajax常用于实现动态加载、表单提交、实时通讯等功能。随着前端...
然后,在 `startRequest()` 函数中,我们使用了 `open()` 方法设置请求的 URL 和类型,并使用 `send()` 方法发送请求。 在 `handlestatechange()` 函数中,我们使用了 `onreadystatechange` 事件来监听服务器端的...
Ajax 基本对象的属性和方法 Ajax 基本对象是指在异步 JavaScript 和 XML(AJAX)技术中使用的基本对象,该对象提供了一些属性和方法来处理 XML 的 DOM 元素和遍历 XML 的 DOM 元素。下面是 Ajax 基本对象的属性和...
在JavaScript中,可以通过创建一个新的XMLHttpRequest对象,设置onreadystatechange事件处理函数,然后调用open和send方法来发送请求。例如: ```javascript var xhr = new XMLHttpRequest(); xhr....
8. **jQuery的$.ajax()**:jQuery库提供了方便的`$.ajax()`方法,简化了Ajax操作,例如: ```javascript $.ajax({ url: 'url_to_server', type: 'GET', success: function(response) { // 处理响应数据 }, ...
通过创建XMLHttpRequest对象,然后利用其open()方法设置请求类型(GET或POST)、URL和是否异步,再用send()方法发送请求。 2. **JavaScript事件处理**:当请求被发送到服务器后,XMLHttpRequest对象会触发一系列的...
2. **发送异步请求**:使用`open()`和`send()`方法发起HTTP请求到服务器。 3. **处理响应**:监听`onreadystatechange`事件,当状态变为4(完成)且状态码为200(成功)时,处理服务器返回的数据。 ### 使用jQuery...
### Ajax 异步 JS 方法详解 #### 一、Ajax 概念与原理 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以...
本资料包详细介绍了四种不同版本的Ajax使用方法,以及解决相关问题的经验分享。 1. **jQuery的Ajax使用** jQuery是JavaScript的一个库,它极大地简化了JavaScript的使用,包括Ajax操作。使用`$.ajax()`函数是...
6. **数据发送**: 对于POST请求,可以在`send()`方法中传递数据。 ```javascript xhr.open('POST', 'http://example.com/data'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); ...
Ajax API 提供了一组可以用的方法和属性,可以用来创建 Ajax 应用程序。这些方法和属性包括: * 创建 XMLHttpRequest 对象 * 发送请求 * 获取响应 * 设置请求头 * 处理响应 Ajax API 是 Ajax 技术的核心部分,它...
3. **HTTP请求**:使用XMLHttpRequest对象的`open()`和`send()`方法来发起HTTP请求。`open()`方法接受三个参数:请求类型(GET或POST)、URL以及是否异步。`send()`方法则发送请求,如果是GET请求,可以直接发送null...
发送请求则通过`send()`方法实现,对于GET请求,通常是`send(null)`;而POST请求,需要先设置`Content-Type`,如`xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")`,然后用`send()`...
GET请求通常不需要传递参数,POST请求则需要将数据放在send()方法中。 - 监听状态变化:通过onreadystatechange事件,检查readyState属性判断请求是否完成,status属性判断响应状态码是否成功。 2. **Ajax的基本...
对于jQuery,我们可以使用`$.ajaxSend`和`$.ajaxComplete`事件来监听这两个阶段。例如: ```javascript $(document).ajaxSend(function(event, xhr, settings) { // 在发送请求前进行操作,如添加自定义请求头 });...