ajax第二例:发送POST|学习笔记

简介: 快速学习ajax第二例:发送POST请求

开发者学堂课程【Ajax:ajax第二例:发送POST|学习笔记】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31

ajax第二例:发送POST请求

目录:

一、 POST注意事项

二、 编写代码​

三、 解决问题

一、POST注意事项

post请求有一个请求头:Content-Type: application/x-www-form-urlencoded.它有三个注意事项:

1.open: xmlHttp. open "POST"

2.添加一歩:设置content-Typei请求头:

> xmlHttp. setRequestHeader ("ContentType","application/x-www-form-urlencoded");

3.send: xmlHttp. send ("username-zhangSan&password-123");发送请求时指定请求体。

如果发送请求时需要带有参数,一般都用POST请求。

二、编写代码

1.选中:

public void doGet (HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

system. out.println("Hello AJAX!");

response .getwriter() .print ("Hello AJAX!!!");

加一个方法变为:

public void doPost (HttpServletRequest request,HttpServletResponse response )

throws ServletException, IOException l

System. out.println("(POST: ) Hello AJAX!");

response .getwriter() -print("(POST: ) Hello AJAX!!!");

2.再写ajax2,打开,

修改open方法,指定请求方式为POST。

xmlHttp.open("post", "<c:ur1 value=' /ASezvlet'/>",true;

设置请求头:Content-Type

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

send ("uername-zhangSanspassword-123")

image.png

3.获取用户名:username

image.png

三、解决问题

接下来尝试一下POST

解决想要编码问题:text/html; charset=utf – 8

需要中文:utf – 8,将拼音改成中文。

相关文章
|
8月前
|
JSON 前端开发 JavaScript
AJAX 课程学习笔记三
AJAX 课程学习笔记三
|
4月前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
32 6
|
4月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
32 4
|
4月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
34 0
|
7月前
|
前端开发 Python
Django框架中Ajax GET与POST请求的实战应用
Django框架中Ajax GET与POST请求的实战应用
|
7月前
|
XML 缓存 前端开发
AJAX中get和post的区别
AJAX中get和post的区别
77 0
|
7月前
1.ajax同步和异步区别 2.post和get区别
1.ajax同步和异步区别 2.post和get区别
35 0
|
8月前
|
JSON 缓存 前端开发
AJAX 课程学习笔记二
AJAX 课程学习笔记二
|
8月前
|
XML 前端开发 JavaScript
AJAX 课程学习笔记一
AJAX 课程学习笔记一
|
8月前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
57 1