ajax的post请求方式,ajax的post请求方式

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

This is my JSP page

div{

border: 1px solid red;

width: 400px;

height: 300px;

}

function testAjax(){

//document.getElementById("msg").innerHTML = "加载中...";

//id;

var request;

//创建 request对象

if(window.XMLHttpRequest){//兼容性

request = new XMLHttpRequest();

}else if(window.ActiveXObject){//针对IE

request = new ActiveXObject("Msxml2.XMLHTTP");

}

//写监听 去check request的状态

request.onreadystatechange = function(){

//

//console.log(request.readyState);

if(request.readyState == 4){

//得到 后台写出的数据

//当加载成功以后

if(request.status == 200){

//得到的的是一个json字符串

var data = request.responseText;

//将json字符串转换为json对象

eval("data = "+data);

document.getElementById("msg").innerHTML = data.password;

}else if(request.status == 404){

document.getElementById("msg").innerHTML = "资源没有找到";

}else if(request.status == 500){

document.getElementById("msg").innerHTML = "服务器错误";

}

}else{

document.getElementById("msg").innerHTML = "loading.gif%5C%22";

}

};

//打开请求

//如果在 地址栏上面 的参数 的值中包含 # 应该将其编码 然后在传递

request.open("post", "ajax/ajaxController?name="+encodeURIComponent("lisi#123")+"&d="+new Date().getTime());

//encodeURIComponent(uriComponent)

//发送数据

//如果没有数据 则写null 不然 其他浏览器可能会报错

//如果在 send方法中传参数 则一定要设置 请求头信息中的 Content-Type 为 application/x-www-form-urlencoded

request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//如果是 post传参 他和 参数的组织方式 是有关系的

request.send("username=lisi#123&age=123");

}

AJAX中的请求方式以及同步异步的区别

AJAX中的请求方式以及同步异步的区别请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用wind ...

jQuery中的Ajax几种请求方式

1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...

利用Ajax改变发送请求方式

由于测试的时候需要模拟Head请求,解决办法:先访问要请求的站点,然后在浏览器的控制台下执行如下代码,请求方式就为参数给的值: var xmlHttp; if (window.ActiveXObjec ...

ajax使用jsonp请求方式

/* //简写形式,效果相同 $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonp ...

4种常用的Ajax请求方式

在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...

Ajax学习系列——jQuery中Ajax的请求方式

在jQuery中,Ajax常见的请求方式主要有4种. 1.$.ajax()返回其创建的XMLHttpRequest对象. $.ajax({ type:"POST", content ...

jQuery ajax跨域请求的解决方法

在Ajax应用中,jQuery的Ajax请求是非常容易而且方便的,但是初学者经常会犯一个错误,那就是Ajax请求的url不是本地或者同一个服务器下面的URI,最后导致虽然请求200,但是不会返回任何数 ...

JQuery书写Ajax的几种方式?

1 $.ajax({ type: "Post", //请求方式 ("POST" 或 "GET"), 默认为 "GET" ...

jquery的ajax和原始的ajax这两种方式的使用方法

jquery的ajax是对原始的ajax进行的封装,方便用户的使用.下面用代码分别举例各自的使用方式. jquery的ajax发送和接收xml数据格式. $.ajax({ type: "PU ...

随机推荐

Visual Studio 常用快捷键

作为一个使用VisualStudio的程序员,使用快捷键会为你的开发提供助力. 下附个人开发过程中感觉比较实用的快捷键: 开始运行"devenv",启动相应版本的VisualStu ...

Jmeter发送soap请求

1.新建线程组-添加SOAP/XML-RPC Request 2.我们以天气预报接口为例,http://ws.webxml.com.cn/WebServices/WeatherWS.asmx,选择最后 ...

纯css实现两列等高

Title < ...

LVS &plus; keepalived &plus; nginx &plus; tomcat 实现主从热备 &plus; 负载均衡

前言 首先声明下,由于这两天找资料,看了不少博客 ,但是出于不细心,参考者的博客地址没有记录下来,所有文中要是出现了与大家博客相同的地方,那么请大家在评论区说明并附上博客地址,我好引用进来:这里表示抱 ...

了解 MVC 应用程序执行过程

发送给基于 ASP.NET MVC 的 Web 应用程序的请求首先通过 UrlRoutingModule 对象(一个 HTTP 模块)进行传递. 此模块将分析请求并执行路由选择. UrlRouting ...

局域网内通过UDP协议进行传输接受数据——AsyncUdpSocket

在相同的局域网内,可以通过Udp协议进行数据的传输和接收,Udp协议与Http协议不同,Udp更加方便快捷,省去了很多步骤,但是也有很多传输问题,在局域网内小范围传输数据时Udp还是非常能够胜任的. ...

【公告】CSDN个人空间将于2014年4月20日全新改版上线

尊敬的用户:   你们好!           CSDN个人空间将在2014年4月20日全新改版上线!        CSDN个人空间是2008年8月推出的服务,致力于给广大用户提供在线技术分享和资料 ...

解决ul显示不在div中的问题

css样式 #banner { padding: 0px; } #banner ul { list-style: none; margin: 0px; padding: 0px; text-align ...

在ABPZERO中,扩展实体的方法。

内容 介绍 扩展的抽象实体 将新属性添加给用户 添加迁移 在界面上显示地址 在用户编辑/添加功能中添加地址 扩展的非抽象类实体 获得版本的派生实体 添加迁移 在界面上添加价格 在创建/编辑版本功能中加 ...

第九章——运行tensorflow(Up and Running with TensorFlow)

本章简单介绍了TensorFlow的安装以及使用.一些细节需要在后续的应用中慢慢把握. TensorFlow并不仅仅局限于神经网络和机器学习,它甚至可以用于量子物理仿真. TensorFlow的优势: ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax中的POST请求是一种向服务器发送数据的方式。与GET请求不同,POST请求将数据作为请求体的一部分发送给服务器,而不是通过URL参数传递。POST请求通常用于向服务器提交表单数据或其他需要传递大量数据的场景。 在底层实现上,使用JavaScript的XMLHttpRequest对象来创建一个Ajax请求。首先,通过open()方法指定请求方式POST)和URL地址。然后,设置Content-Type属性为'application/x-www-form-urlencoded',表示请求体中的数据是以查询字符串的形式进行编码。接下来,调用send()方法将数据作为请求体发送给服务器。最后,监听onreadystatechange事件,当请求状态为4且返回状态为200时,即请求成功,可以通过responseText属性获取服务器返回的数据。 在jQuery中,封装了更简便的方式来发送POST请求。可以使用$.ajax()方法,通过设置type属性为'POST',url属性为请求的URL地址,data属性为要发送的数据,dataType属性为预期的服务器响应的数据类型。同时,可以使用success回调函数来处理请求成功后的操作。 需要注意的是,POST请求通常不会被浏览器缓存,因为浏览器认为POST请求提交的内容很可能会有变化,所以每次都会向服务器发送请求,不使用缓存。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Ajax-POST请求](https://blog.csdn.net/qq_43551801/article/details/120049212)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [ajax请求 POSTajax简介,ajax提交数据的多种类型](https://blog.csdn.net/wangwei490202517/article/details/128763803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值