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

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

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

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


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", "",true;

设置请求头 :Content-Type

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

send ("uername-zhangSanspassword-123")

图片5.png

3.获取用户名:username

图片6.png

三、解决问题


接下来尝试一下POST

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

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


            </div>
相关文章
|
2月前
|
JSON 前端开发 JavaScript
AJAX 课程学习笔记三
AJAX 课程学习笔记三
|
3月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
58 1
|
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月前
|
XML JSON 前端开发
|
3月前
|
前端开发 JavaScript
|
3月前
|
前端开发 JavaScript Python
Django 模板中使用 Ajax POST
Django 模板中使用 Ajax POST
17 0
|
3月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
37 0
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
29 0