原生ajax使用笔记(二)- - -post方法传参

原生Ajax的post带参数方法使用步骤:

1.创建一个核心对象XMLHttpRequest

2.编写一个回调函数

3.编写请求方式和请求路径(open操作)

4.编写请求头

5.发送请求(send操作)

例子:模拟注册用户名,若填入的用户名不存在,则提示可以使用;否则,提示用户名已被占用

Jsp页面如下

原生ajax使用笔记(二)- - -post方法传参_第1张图片

JS代码如下

原生ajax使用笔记(二)- - -post方法传参_第2张图片

Servlet

原生ajax使用笔记(二)- - -post方法传参_第3张图片

部署测试结果

如果输入username为张三,提示已被占用

如果输入其他,提示可以使用

本例源码:https://download.csdn.net/download/qq_37918817/10823555

你可能感兴趣的:(技术笔记,原生ajax,post传参,用户注册)