Ajax中send方法参数的使用
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。
例如 :
var url = "login.jsp?user=XXX&pwd=XXX";
xmlHttpRequest.open("GET",url,true);
xmlHttpRequset.send(null);
此外,也可以使用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方法。
欢迎加入技术交流群:45232529
分享到:
相关推荐
### AJAX面试题汇总知识点解析 #### 1. 什么是AJAX?为什么使用AJAX? - **定义**: AJAX(Asynchronous JavaScript and XML)是一种用于构建交互式网页应用的技术。它允许在不重新加载整个网页的情况下更新部分...
### AJAX方法汇总 #### 一、引言 随着互联网技术的发展与用户对交互体验要求的提高,异步JavaScript和XML(Asynchronous JavaScript and XML,简称AJAX)技术因其能够实现网页局部刷新、提升用户体验等特性而被...
**AJAX学习资料汇总(源码)** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种技术在...
jQuery库简化了Ajax操作,提供了`.ajax()`、`.get()`、`.post()`等便捷方法。例如,一个简单的GET请求: ```javascript $.get('your-url', function(data) { // 处理返回数据 }, 'dataType'); ``` **Ajax的优点** ...
4. 发送请求:调用send()方法,对于GET请求,直接发送空字符串;对于POST请求,传递要发送的数据。 5. 监听状态变化:通过onreadystatechange事件,当请求状态改变时触发,主要关注状态码4(完成)和200(成功)。 6...
- 发送请求:`send()`方法用于发送数据,GET请求通常不需传递参数,POST请求则需要。 - 监听状态变化:`onreadystatechange`事件用于检查请求的状态,当状态变为4(完成)且状态码为200(成功)时,表示请求完成。...
XMLHttpRequest对象拥有多个方法和属性,如`open()`用于初始化请求,`send()`用于发送请求,`readyState`属性表示请求的状态,`status`属性返回HTTP状态码,`responseText`和`responseXML`分别用于获取响应的文本和...
- `send()`: 发送请求,POST请求时可以传递数据。 - `abort()`: 中止当前的HTTP请求。 - `readyState`:表示请求的状态,从0到4,4表示请求完成。 - `status`:返回HTTP状态码,如200表示成功。 - `responseText`和`...
3. **发送请求**:调用`send()`方法,如果是GET请求,通常不传参数;如果是POST,需将数据作为参数传递。 4. **监听状态变化**:设置`onreadystatechange`事件处理函数,当请求状态改变时,该函数会被调用。 5. **...
通过创建XMLHttpRequest实例,然后利用open()方法设置请求类型(GET或POST)、URL和是否异步,再用send()方法发送请求。 2. **HTTP请求与响应**:Ajax通过XMLHttpRequest对象发送HTTP请求,可以获取服务器的响应。...
本文将详细解析使用jQuery和ajax技术来实现动态添加表格行(tr)和单元格(td)功能的方法。 #### 1. 理解jQuery和ajax技术 **jQuery**是一个快速、简洁的JavaScript库,它封装了许多常用的功能,简化了JavaScript...
在IBM网站上发布的《掌握Ajax》文章汇总,为我们提供了深入了解Ajax技术的宝贵资源。Ajax,即“Asynchronous JavaScript and XML”,是一种用于创建快速动态网页的技术,它允许网页在不重新加载整个页面的情况下,...
- 常见问题与解决:汇总了初学者在学习和使用Ajax过程中可能遇到的问题及其解答。 通过这个教程,无论你是初学者还是有一定经验的开发者,都可以深入理解Ajax技术,提升网页应用的交互性和用户体验。
本文将探讨如何使用AJAX技术解决UTF8编码的表单提交到GBK编码脚本时出现的乱码问题,以及如何处理不同编码的表单数据在同一个页面上的汇总。 首先,了解基本的编码知识是必要的。GBK是基于GB2312的汉字编码标准,它...
使用 `send` 方法发送请求。 4. 监听 `onreadystatechange` 事件,根据请求的状态变化来执行相应的逻辑。 #### 6、`["1","2","3"].map(parseInt)` 的结果 - **结果:** `[1, NaN, NaN]` - **原因:** `parseInt`...
由于Ajax支持的数据类型不包括二进制流(Blob或ArrayBuffer),因此默认情况下,Ajax方法会将二进制流转换为字符串,这样就会破坏文件的数据完整性。 ```javascript var blob = new Blob([data]); ``` 创建了Blob...
xhr.send(JSON.stringify({ optionId, voteValue })); } ``` 在上面的代码中,当用户投票后,`sendVoteRequest`函数被调用,它向服务器的'/api/vote'端点发送POST请求,携带JSON格式的投票数据。当服务器响应成功...