`
lichaobao
  • 浏览: 47307 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

XMLHttpRequest的GET和POST

    博客分类:
  • ajax
阅读更多
1、XMLHttpRequest的GET


document.getElementById("btn").onclick = function(){
var xmlHttpRequest = getXmlHttpRequest();

xmlHttpRequest.onreadystatechange = function(){
/**
* XMLHttpRequest对象中有一个readyState属性
* readyState属性表示Ajax请求的当前状态,它的值用数字代表
* 0、代表未初始化。还没有调用open方法
* 1、代表正在加载。open方法已被调用,但send方法还没有被调用
* 2、代表已加载完毕。send已被调用。请求已经 开始
* 3、代表交互中。服务器正在发送响应
* 4、代表完成。响应发送完毕
*/
if (xmlHttpRequest.readyState == 4) {
if (xmlHttpRequest.status == 200) {
alert(xmlHttpRequest.responseText);
}
}
}
xmlHttpRequest.open("GET", "../servlet/ServerServlet?a=9", true);

//xmlHttpRequest.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");//get可以不设置,因为发送是null
xmlHttpRequest.send(null);
}


2、1、XMLHttpRequest的POST

document.getElementById("btn").onclick = function(){
var xmlHttpRequest = getXmlHttpRequest();

xmlHttpRequest.onreadystatechange = function(){
/**
* XMLHttpRequest对象中有一个readyState属性
* readyState属性表示Ajax请求的当前状态,它的值用数字代表
* 0、代表未初始化。还没有调用open方法
* 1、代表正在加载。open方法已被调用,但send方法还没有被调用
* 2、代表已加载完毕。send已被调用。请求已经 开始
* 3、代表交互中。服务器正在发送响应
* 4、代表完成。响应发送完毕
*/
if (xmlHttpRequest.readyState == 4) {
if (xmlHttpRequest.status == 200) {
alert(xmlHttpRequest.responseText);
}
}
}
xmlHttpRequest.open("POST", "../servlet/ServerServlet", true);

xmlHttpRequest.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");//必须设置,如果这里不设置,"被请求的servlet不能通过request.getParameter("b")获取b的值,也就是不能获取send过来的数据
xmlHttpRequest.send("b=99&c=990");
}
0
1
分享到:
评论

相关推荐

    Ajax中get和post区别

    在客户端代码中,我们使用XMLHttpRequest对象创建了一个Get请求和一个Post请求,并将参数传递给服务器端。在服务器端代码中,我们使用Request对象来获取参数,并返回结果。 结论 Get和Post请求都是HTTP请求方法,...

    get与post实例

    在IT行业中,HTTP协议是网络通信的基础,而GET和POST是HTTP协议中...在VB中,我们可以使用XMLHttpRequest对象轻松实现GET和POST请求,从而与服务器进行数据交互。遇到DLL丢失问题时,应及时查找并安装缺失的库或组件。

    html页面模式get/post请求

    在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...

    get、post上传数据到服务器

    在IT领域,特别是Web开发中,GET和POST是两种最常见的HTTP请求方法,它们被用于客户端与服务器之间的数据交互。理解这两种方法的区别对于开发者来说至关重要,本文将深入探讨GET与POST方法的特点及其应用场景,并...

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

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

    Ajax Get、Post请求

    在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...

    模仿发送Http的Get、Post请求

    本文将深入探讨如何模仿发送HTTP的GET和POST...总的来说,理解并能正确使用GET和POST请求是每个Web开发者必备的技能。通过各种工具和编程语言,我们可以模拟这些请求进行测试、调试和学习,提升我们的网络开发能力。

    js get和post请求实现代码解析.docx

    综上所述,GET和POST请求各有优缺点,在实际开发过程中应根据需求选择合适的方法。对于简单的数据获取可以使用GET,而对于涉及敏感信息的操作则推荐使用POST。同时,随着现代Web技术的发展,如Fetch API和axios等库...

    ajax以GET和POST方式调用WCF

    本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务,包括带参数和不带参数的情况。 首先,我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象,然后利用这个对象与服务器进行异步通信。...

    java spring mvc网站报XMLHttpRequest cannot load,只能get访问不能post访问 的解决办法.zip

    在Java Spring MVC开发的Web应用中,用户可能会遇到一个常见的问题,即XMLHttpRequest(通常由Ajax请求触发)只能执行GET请求,而无法成功发起POST请求。这个问题通常表现为浏览器的JavaScript控制台显示错误信息...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    ### 使用AJAX的GET和POST方法调用Servlet的详尽解析 #### 一、引言 在现代Web开发中,异步JavaScript与XML(AJAX)技术被广泛应用于实现无刷新更新网页的部分内容,极大地提升了用户体验。AJAX通过在后台与服务器...

    php+Ajax(GET&POST)完美实例

    2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...

    XMLHttpRequest

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它是实现异步JavaScript和XML(Ajax)的基础。Ajax技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,从而提高了用户体验,使得网页...

    XMLHttpRequest属性和方法

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个...综上所述,XMLHttpRequest是实现网页异步交互的核心工具,通过熟练掌握其属性和方法,我们可以创建出更动态、响应更快的Web应用。

    XMLHttpRequest方法和属性API

    它接受三个参数:请求的类型(如"GET", "POST"),URL,以及一个布尔值表示是否异步执行。例如: ```javascript xhr.open('GET', 'https://example.com/data', true); ``` 2. **`send()`**: 一旦`open()`设置好...

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

    一旦创建了实例,我们可以通过`open()`方法设置请求的类型(GET、POST等)、URL和是否异步执行。例如,发送一个GET请求到服务器的某接口: ```javascript xhr.open('GET', 'http://example.com/api/data', true); ``...

    【Ajax】分别以post,get演示

    首先,让我们详细了解一下GET和POST两种请求方式的区别: 1. GET请求:这是最基础的HTTP方法,通常用于获取服务器上的数据。GET请求将参数附加在URL后面,以问号分隔,每个参数之间用&连接。这种方式的限制在于URL...

    XMLHTTPRequest的属性和方法简介

    在这里,`open()`方法接受三个参数:请求类型(如'GET'或'POST'),URL以及一个布尔值,表示请求是否为异步。 ## 2. 设置请求头 在发送请求前,我们可能需要设置HTTP请求头。例如,如果我们发送JSON数据,需要设置...

    XMLHTTPREQUEST

    不同的浏览器对`XMLHTTPRequest`的支持方式略有不同,主要分为两种:IE浏览器和其他非IE浏览器(如Firefox、Chrome等)。 ##### IE浏览器 对于IE浏览器,可以使用`ActiveXObject`来创建`XMLHTTPRequest`对象。 ```...

Global site tag (gtag.js) - Google Analytics