`

Ajax中send方法参数的使用

    博客分类:
  • Web
阅读更多

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方法。

分享到:
评论

相关推荐

    ajax中使用javascript的send方法post参数

    ### AJAX中使用JavaScript的send方法POST参数详解 #### 一、引言 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的局部刷新,提升用户体验。其中,通过JavaScript发送POST请求是一...

    ajax中send的用法

    通过本文的学习,我们可以了解到,在AJAX中`send`方法的使用取决于具体的场景和需求。GET方法适用于简单的数据获取,而POST方法则更适合于数据量较大或安全要求较高的情况。正确使用`send`方法并合理配置`Content-...

    Ajax的post方法的使用

    在Ajax中,使用POST方法发送请求通常涉及以下几个步骤: 1. **创建XMLHttpRequest对象**:这是进行Ajax请求的基础。 2. **初始化请求**:使用`open`方法指定请求类型(POST)、URL以及是否异步处理。 3. **设置请求...

    ajax调用后台方法

    3. **发送请求**:使用`send()`方法将数据发送到服务器。如果是GET请求,通常不需要传递参数;如果是POST请求,则需要将数据作为`send()`的参数传递。 4. **接收响应**:在`onreadystatechange`事件中监听服务器的...

    ajax提交中文到servlet

    对于POST请求,中文参数则放在send()方法的参数中。 四、Servlet处理中文 1. 在Servlet中,需要设置请求和响应的编码方式。在Servlet的init()方法或doGet/doPost方法中,可以通过以下代码设置: ```java request....

    ajax使用简单demo

    通过这个简单的Ajax DEMO,你可以了解到Ajax的基本使用方法,为进一步深入学习和应用Ajax打下基础。随着前端技术的发展,现在还有Fetch API、axios等更现代、更易用的库供开发者选择,它们都基于Ajax理念,但提供了...

    AjaxRequest(Ajax使用包)

    6. **数据发送**: 对于POST请求,可以在`send()`方法中传递数据。 ```javascript xhr.open('POST', 'http://example.com/data'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); ...

    Jsp中AJAX的简单使用

    在JSP(JavaServer Pages)中使用AJAX,可以提升用户体验,使得页面交互更加流畅,数据更新更加即时。 **AJAX的工作原理** AJAX的核心是XMLHttpRequest对象,它允许在后台与服务器交换数据并更新部分网页内容。当...

    Ajax的一些使用方法

    GET请求通常不需要传递参数,POST请求则需要将数据放在send()方法中。 - 监听状态变化:通过onreadystatechange事件,检查readyState属性判断请求是否完成,status属性判断响应状态码是否成功。 2. **Ajax的基本...

    Ajax登录方法的实现

    例如,在jQuery中,可以使用`$.ajax()`方法发起Ajax请求。示例代码如下: ```javascript $.ajax({ type: "POST", url: "some.action", data: "name=John&location=Boston", success: function (msg) { $("#...

    ajax到servlet乱码解决

    在 Web 开发中,使用 AJAX 通过 URL 传参数给 Servlet 时,经常会遇到乱码问题,即使使用了统一的字符编码也没用。下面我们来探讨这个问题的解决方案。 问题描述 当我们使用 AJAX 通过 URL 传参数给 Servlet 时,...

    ajax中文API

    3. **readme.txt**:通常包含文档的简要说明或使用指南,可以帮助快速了解Ajax中文手册的使用方法。 通过深入理解和实践这些Ajax知识点,你可以有效地提升Web应用的交互性和性能,创造出更加流畅的用户体验。

    JavaWeb中Ajax的使用

    4. **发送请求**:使用`open()`方法配置请求,然后用`send()`方法发送。GET请求通常不需要参数,而POST请求需要传递数据。 5. **处理响应**:通过监听`onreadystatechange`事件,当`readyState`属性值变为4(表示...

    asp.net下简单使用ajax

    以下是对两种使用方法的详细阐述: 1. JavaScript 的 AJAX 使用: 在纯 JavaScript 中,我们可以使用 `XMLHttpRequest` 对象来实现 AJAX 请求。首先创建一个 XMLHttpRequest 实例,然后设置请求的类型(GET 或 ...

    JS使用AjAX实例,JQUERY使用AJAX实例

    在JavaScript中,我们通常使用`XMLHttpRequest`对象或者jQuery库来实现AJAX请求。 1. **XMLHttpRequest对象**: - 创建XMLHttpRequest对象:`var xhr = new XMLHttpRequest();` - 打开连接:`xhr.open('GET'/'...

    Ajax基本对象的属性和方法

    Ajax 基本对象是指在异步 JavaScript 和 XML(AJAX)技术中使用的基本对象,该对象提供了一些属性和方法来处理 XML 的 DOM 元素和遍历 XML 的 DOM 元素。下面是 Ajax 基本对象的属性和方法的详细介绍: 属性 Ajax ...

    ajax使用常用套路

    根据提供的文件信息,我们可以归纳出两个主要的知识点:如何检查表单并使用 AJAX 发送请求以及如何创建并发送一个简单的 AJAX 请求。 ### 知识点一:检查表单有效性并使用 AJAX 发送请求 #### 1. 表单验证逻辑 在...

    Ajax实现原理和使用详解

    - 调用 `send()` 方法,如果为 GET 请求,可直接发送空参数;如果是 POST 请求,则需要传递数据。 - 注册 `onreadystatechange` 事件处理函数,检查 `readyState` 和 `status` 状态,确保请求已完成且成功。 4. *...

    ajax技术的使用其实这么简单

    本文将深入讲解AJAX的基本原理、使用方法以及与XML的联合应用。 一、AJAX基本原理 AJAX的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行通信,而不会中断用户的交互。通过创建XMLHttpRequest对象...

Global site tag (gtag.js) - Google Analytics