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 = "";

}

};

//打开请求

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

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的优势: ...