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

相关文章
|
12月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
83 0
|
6月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
132 0
|
6月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
前端开发 JavaScript
jQuery中的Ajax请求----ajax请求篇(二)
在jQuery中的Ajax请求其实是在底层对原生js请求方式的封装,那么jQuery中的Ajax请求是怎样的呢?
62 0
|
6月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
52 0
|
6月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
75 0
|
6月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
6月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
88 0
|
6月前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
6月前
|
XML 缓存 JavaScript
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
48 0