`

Ajax中send方法的使用

    博客分类:
  • ajax
 
阅读更多

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

 

文章来源:http://blog.sina.com.cn/s/blog_69ab0e360100piwc.html

分享到:
评论

相关推荐

    ajax中send的用法

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

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

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

    .net中ajax.net中使用方法

    本文将详细介绍在.NET中使用AJAX.NET进行开发的相关知识点。 首先,了解基础概念: 1. **AJAX**:AJAX不是一种编程语言,而是一种使用现有技术(如JavaScript、XML、HTML、CSS和HTTP)的综合技术,用于创建异步Web...

    Ajax的post方法的使用

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

    ajax调用后台方法

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

    Ajax中使用JSON传输数据

    当与服务器进行交互时,可以使用`send()`方法发送JSON数据。例如,将上面的JSON对象作为POST请求的数据发送: ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://example.com/api/user'); ...

    AjaxRequest(Ajax使用包)

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

    各种版本ajax使用方法及相关问题

    本资料包详细介绍了四种不同版本的Ajax使用方法,以及解决相关问题的经验分享。 1. **jQuery的Ajax使用** jQuery是JavaScript的一个库,它极大地简化了JavaScript的使用,包括Ajax操作。使用`$.ajax()`函数是...

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

    在JavaScript编程中,实现网页的动态交互功能是一个重要的任务,其中AJAX(Asynchronous JavaScript and XML)技术的应用尤为广泛。本篇文章将详细讲解如何利用AJAX和JavaScript在网页上实现一个基本的留言功能。 ...

    Jsp中AJAX的简单使用

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

    Ajax的一些使用方法

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过项目实践,如压缩包中的Ajax_01_HelloWorld、Ajax_02、Ajax_03,可以深入理解和掌握Ajax的使用。

    Ajax登录方法的实现

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

    ajax使用简单demo

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

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

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

    JavaWeb中Ajax的使用

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

    ajax提交中文到servlet

    总结,"ajax提交中文到servlet"涉及到的主要知识点包括Ajax的基本使用、中文编码处理、Servlet中的字符编码设置以及跨域访问。理解并掌握这些知识点,可以有效地实现异步提交中文数据,提升Web应用的用户体验。

    AJAX技术原理和使用方法

    ### AJAX技术原理与使用方法详解 #### 一、引言 AJAX(Asynchronous JavaScript and XML),即异步JavaScript和XML技术,是一种用于创建快速动态网页的技术。它并不是一种单一的技术,而是多种技术的组合使用,包括...

    Ajax实现原理和使用详解

    **Ajax 实现原理** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心在于使用 ...在实际开发中,通常还会结合 jQuery 或其他库简化 Ajax 的使用。

    Ajax传值到java的方法中

    在Ajax传值到Java方法中的实现中,需要使用XMLHttpRequest对象来实现数据的传递。首先,在HTML页面中添加一个按钮并绑定一个事件,该事件将触发Ajax请求。在事件处理函数中,使用XMLHttpRequest对象来创建一个异步...

    ajax中文API

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

Global site tag (gtag.js) - Google Analytics