Ajax(2):post请求
来源:互联网 发布:网络商品直销流程 编辑:程序博客网 时间:2024/06/05 20:39
本篇文章与上篇文章大体类似,不同的只不过是利用XMLHttpRequest异步地向服务器发送post请求。
除了register.jsp文件,其余三个文件全部保持不变。
register.jsp :
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script>function getXmlHttpRequest(){var xhr=null;if((typeof XMLHttpRequest)!='undefined'){xhr=new XMLHttpRequest();}else{xhr=new ActiveXObject("Microsoft.XMLHttp");}return xhr;}function valiUsername(){var xhr=getXmlHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){var doc=xhr.responseText;document.getElementById('username_msg').innerHTML=doc;}else{document.getElementById('username_msg').innerHTML='sorry,system error...';}}else{document.getElementById('username_msg').innerHTML='checking...';}}var url="valiusername.do";xhr.open("post",url,true);xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr.send("username="+document.getElementById('n1').value);}</script></head><body><form action="register.do" method="post">username:<input type="text" name="username" id="n1" onblur="valiUsername();"><span style="color:red" id="username_msg"></span><br>password:<input type="password" name="password"><br><input type="submit" value="register"></form></body></html>与上篇文章的get请求相比,post请求有3点不同:
① xhr.open("post",url,true);这里将get 改为了post。
② xhr.send("username="+document.getElementById('n1').value);这里参数不再为null,对于post请求,要传递的参数放在send方法里。
③ 最重要的一点,必须在open和send方法之间加上代码:xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
- Ajax(2):post请求
- ajax的post请求
- ajax的post请求
- Ajax发送POST请求
- Ajax--Post请求
- Ajax Post请求处理
- Ajax发送Post请求
- AJAX体验--Post请求
- ajax get/post请求
- Ajax提交post请求
- Ajax 的POST请求...
- Ajax POST请求
- HTTP AJAX POST请求
- ajax POST请求
- ajax发起post请求
- jQuery Ajax---Post请求
- ajax—post请求
- 原生ajax POST请求
- junit学习笔记(二):hamcrest和TestSuit
- VC6代码移植到高版本VC时候的常见问题
- 实现背景图自适应效果的jQuery插件
- Expression parameters.parseContent is undefined on line 45, column 28 in template/ajax/head.ftl. - C
- package、import 、 jar
- Ajax(2):post请求
- Silent Code 黑客及其它
- 北京设计模式学习组BJDP第4次活动(2013.06.16)回顾会纪要
- Eclipse开发经典教程之常用SWT组件
- 真相为何竟如此难得 -- 《中国健康调查报告》
- 解决ListView滑动时卡的问题,实现异步加载图片解决 .
- Android性能调优
- MySQL学习记录(索引+演示分析)九 DML
- Android 图像处理(类型转换,比例缩放,倒影,圆角)