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,将拼音改成中文。

 

相关文章
|
2月前
|
JSON 前端开发 JavaScript
AJAX 课程学习笔记三
AJAX 课程学习笔记三
|
6月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
37 0
|
7月前
|
前端开发 安全
ajax请求的时候get 和post方式的区别
ajax请求的时候get 和post方式的区别
|
2月前
|
JSON 缓存 前端开发
AJAX 课程学习笔记二
AJAX 课程学习笔记二
|
2月前
|
XML 前端开发 JavaScript
AJAX 课程学习笔记一
AJAX 课程学习笔记一
|
2月前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
14 1
|
3月前
|
前端开发 JavaScript Python
Django 模板中使用 Ajax POST
Django 模板中使用 Ajax POST
17 0
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
29 0
|
4月前
|
XML JSON 前端开发
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。百度使用哪种方式?
20 0
|
4月前
|
Web App开发 前端开发 JavaScript
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
32 0