`
tianjun309
  • 浏览: 367295 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ajax send ,open 方法区别

    博客分类:
  • Ajax
阅读更多

(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参数

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

    ajax中send的用法

    ### AJAX中的send方法详解 #### 一、简介 在AJAX技术中,`send`方法是XMLHttpRequest对象的一个重要组成部分,用于向服务器发送请求。它主要用于处理异步数据交互,可以实现网页局部刷新而不重新加载整个页面的...

    ajax调用后台方法

    2. **初始化连接**:通过XMLHttpRequest对象的`open()`方法,设置请求的类型(GET、POST等)、URL和是否异步。 3. **发送请求**:使用`send()`方法将数据发送到服务器。如果是GET请求,通常不需要传递参数;如果是...

    Ajax的post方法的使用

    ### Ajax的POST方法详解 #### 一、引言 在Web开发中,异步JavaScript与XML(Ajax)技术被广泛应用于提升用户体验,实现无需刷新页面即可加载数据的功能。本文将重点探讨Ajax中的POST方法,包括其基本原理、应用...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    - **jQuery 和 Axios**:学习Ajax时,可以了解jQuery的$.ajax()方法和现代JavaScript库Axios,它们都提供了更方便的接口来处理Ajax请求。 在项目中,Ajax常用于实现动态加载、表单提交、实时通讯等功能。随着前端...

    lotus domino AJAX 老的ajax方法

    然后,在 `startRequest()` 函数中,我们使用了 `open()` 方法设置请求的 URL 和类型,并使用 `send()` 方法发送请求。 在 `handlestatechange()` 函数中,我们使用了 `onreadystatechange` 事件来监听服务器端的...

    Ajax基本对象的属性和方法

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

    Ajax学习笔记---3种Ajax的实现方法【推荐】

    在JavaScript中,可以通过创建一个新的XMLHttpRequest对象,设置onreadystatechange事件处理函数,然后调用open和send方法来发送请求。例如: ```javascript var xhr = new XMLHttpRequest(); xhr....

    ajax demo ajax实例

    8. **jQuery的$.ajax()**:jQuery库提供了方便的`$.ajax()`方法,简化了Ajax操作,例如: ```javascript $.ajax({ url: 'url_to_server', type: 'GET', success: function(response) { // 处理响应数据 }, ...

    Ajax Ajax本质 Ajax本质源码

    通过创建XMLHttpRequest对象,然后利用其open()方法设置请求类型(GET或POST)、URL和是否异步,再用send()方法发送请求。 2. **JavaScript事件处理**:当请求被发送到服务器后,XMLHttpRequest对象会触发一系列的...

    .net中ajax.net中使用方法

    2. **发送异步请求**:使用`open()`和`send()`方法发起HTTP请求到服务器。 3. **处理响应**:监听`onreadystatechange`事件,当状态变为4(完成)且状态码为200(成功)时,处理服务器返回的数据。 ### 使用jQuery...

    Ajax 异步 js方法

    ### Ajax 异步 JS 方法详解 #### 一、Ajax 概念与原理 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以...

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

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

    AjaxRequest(Ajax使用包)

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

    Ajax简介Ajax.API

    Ajax API 提供了一组可以用的方法和属性,可以用来创建 Ajax 应用程序。这些方法和属性包括: * 创建 XMLHttpRequest 对象 * 发送请求 * 获取响应 * 设置请求头 * 处理响应 Ajax API 是 Ajax 技术的核心部分,它...

    简单Ajax实例AjaxSample

    3. **HTTP请求**:使用XMLHttpRequest对象的`open()`和`send()`方法来发起HTTP请求。`open()`方法接受三个参数:请求类型(GET或POST)、URL以及是否异步。`send()`方法则发送请求,如果是GET请求,可以直接发送null...

    ajax定义以及如何用ajax

    发送请求则通过`send()`方法实现,对于GET请求,通常是`send(null)`;而POST请求,需要先设置`Content-Type`,如`xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")`,然后用`send()`...

    Ajax的一些使用方法

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

    Js拦截全局ajax请求

    对于jQuery,我们可以使用`$.ajaxSend`和`$.ajaxComplete`事件来监听这两个阶段。例如: ```javascript $(document).ajaxSend(function(event, xhr, settings) { // 在发送请求前进行操作,如添加自定义请求头 });...

Global site tag (gtag.js) - Google Analytics