`

XMLHttpRequest参数提交方式

阅读更多

一般情况下,使用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);

 

 

应用实例可参考之后的:ajax的两种常用调用方式.

分享到:
评论

相关推荐

    C# XMLHttpRequest

    GET请求适用于获取资源,而POST请求常用于提交数据。在JavaScript中,你可以创建一个新的XMLHttpRequest实例,然后设置请求的URL、方法、数据(如果需要POST请求)以及回调函数,用于处理服务器的响应。 4. **使用...

    XMLHttpRequest 实例

    对于POST请求,可能需要传递参数,如`xhr.send("param1=value1&param2=value2");` 5. **处理响应**:在`onreadystatechange`事件的回调函数内,使用`responseText`或`responseXML`属性获取响应数据,然后根据需要...

    XMLHttpRequest中文参考手册(学习Ajax必备)

    2. POST:向指定资源提交数据,用于更新资源。数据包含在请求正文中。 五、HTTP头管理 XMLHttpRequest提供了`setRequestHeader()`方法来设置请求头,如`Content-Type`用于指定发送数据的类型,`Authorization`用于...

    XMLHttpRequest中文参考手册.rar

    POST请求常用于提交表单数据。在`open()`后,`send()`前设置`.setRequestHeader()`指定Content-Type,然后在`send()`中传递数据。例如: ```javascript xhr.open('POST', 'url'); xhr.setRequestHeader('Content-...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    如果是GET请求,通常无需传递参数;如果是POST请求,则可以在`send()`中传递数据: ```javascript xhr.send(null); // GET请求 xhr.send('param1=value1&param2=value2'); // POST请求 ``` 在请求过程中,我们可以...

    学习XMLHttpRequest写的几个实例

    GET用于获取数据,而POST用于提交数据,例如表单数据。 - `xmltest2.html` 和 `xmltest.html` 可能包含了XML数据的处理示例,XML是一种结构化数据格式,常用于Web服务交互。 - `xmlhttprequest.html` 可能是基础的...

    XMLHTTPRequest的属性和方法简介

    XMLHTTPRequest对象允许JavaScript在后台与服务器进行通信,它通过HTTP协议发送请求并接收响应,通常用于获取或提交数据,如HTML、XML或JSON。尽管其名称中包含“XML”,但实际上它可以处理任何类型的数据格式。 ...

    AjaxXMLHttpRequest_Demo02.zip

    - 实时搜索:用户输入关键词,不提交表单即可获取服务器返回的相关结果。 - 数据表格的分页加载:点击页码按钮,只加载新的数据块,而不用刷新整个表格。 - 表单验证:在客户端验证用户输入,减少无效的服务器请求。...

    XMLHttpRequest中文参考手册

    例如,用户可以无感知地加载更多内容、实时搜索建议、或者提交表单而无需跳转页面。 XMLHttpRequest对象还支持其他高级特性,如上传文件、设置超时、以及跨域请求。在实际开发中,通常会使用库如jQuery的`$.ajax()`...

    XMLHttpRequest

    在实际开发中,XMLHttpRequest通常用于实现页面的无刷新更新,比如动态加载数据、实时聊天、表单提交等场景。同时,随着fetch API和现代前端框架的普及,XMLHttpRequest的使用逐渐减少,但在兼容性和某些特定需求下...

    全面剖析XMLHttpRequest对象

    在实际开发中,为了处理跨浏览器的差异和简化编程,常常会使用库或框架,如jQuery、AngularJS或React,它们提供了更高级别的抽象和封装,以更友好的方式使用XMLHttpRequest。 总的来说,XMLHttpRequest对象是现代...

    05-使用XMLHttpRequest对象发送和接收XML数据,及乱码问题的解决.pdf

    相对的,POST请求用于提交数据到服务器,通常用于表单提交,并可以发送大量数据,没有长度限制。 6. URL编码和解码:在Servlet中使用了`URLDecoder`类对获取的参数进行解码。这是因为在HTTP请求中,URL或表单数据是...

    xmlhttp.rar_xmlhttp_xmlhttprequest

    4. **文件上传**:配合FormData对象,可以实现非表单方式的文件上传。 在处理XMLHttpRequest时,需要注意兼容性问题。不同的浏览器可能对XMLHttpRequest有不同的实现,尤其是在老版本的IE浏览器中。现代浏览器已经...

    js 混合提交方式(含有get和post)

    这篇博客"js 混合提交方式(含有get和post)"可能探讨了如何在一个应用中同时使用这两种方法来实现更灵活的数据交互。以下是对这些概念的详细解释: **GET方法** GET方法是最常见的HTTP请求类型,它用于从服务器...

    ajax上传时参数提交不更新等相关问题

    在JavaScript和Ajax技术中,参数提交不更新的问题通常与数据绑定、对象实例化或事件处理有关。在这个特定的场景中,问题出在使用了一个jQuery Ajax上传插件,该插件在首次点击时实例化并固定了参数,导致后续的参数...

    异步提交 表格异步提交

    异步提交通过Ajax技术改变了传统表单提交的方式,实现了无刷新页面的数据交换。理解其工作原理并熟练运用,可以极大地提升Web应用的性能和用户满意度。无论是使用原生的XMLHttpRequest,还是借助如jQuery的库,都能...

    xmlhttprequest参考手册

    使用Ajax可以实现页面局部更新、无刷新提交表单等功能,提高网页交互性。 六、XMLHttpRequest的现代变体 随着Web技术的发展,XMLHttpRequest已经演进到第二代,即XMLHttpRequest Level 2,增加了更多特性,如支持...

    两个网页之间参数传递例子

    其次,表单提交是另一种常见的参数传递方式。HTML表单允许用户输入数据,然后通过POST或GET方法提交到服务器。GET方式类似于URL查询字符串,参数包含在URL中;而POST方式则将参数隐藏在HTTP请求的主体部分,更适用于...

Global site tag (gtag.js) - Google Analytics