jquery中post方法用法实例
更新时间：2014年10月21日 14:08:34 投稿：shichen2014
这篇文章主要介绍了jquery中post方法用法,以实例的形式分析了post方法的具体用法,并对相关的知识点及注意点进行了较为深入的分析,需要的朋友可以参考下
本文实例讲述了jquery中post方法的用法，分享给大家供大家参考。具体用法分析如下：
在使用jquery实现网站的异步交互时，常用的两个函数为get和post方法，get方法使用很简单，直接提交get请求即可，如果有参数，直接追加到url后面就行，但是使用post方法时，传递参数，需要和url分开写，使得传参变得麻烦了，不过这样做起来更安全一些，而且出现中文乱码的概率也要低一些（get方法传中文很多情况下会出现乱码现象），这里就详细介绍一下post是怎样传递参数的。
首先写一个html代码如下：
复制代码 代码如下:
<html>
<head>
<title>jquery post方法测试</title>
<script language="javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function testPost(){
var name=$("#name");
var pass=$("#pass");
$.post("servlet/login",{name:name,pass:pass},postcb);
}
function postcb(date){
alert(date);
}
</script>
</head>
<body>
<input name="name" id="name"/>
<input name="pass" id="pass"/>
<input type="button" value="测试" onclick="testPost();"/>
</body>
</html>
<head>
<title>jquery post方法测试</title>
<script language="javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function testPost(){
var name=$("#name");
var pass=$("#pass");
$.post("servlet/login",{name:name,pass:pass},postcb);
}
function postcb(date){
alert(date);
}
</script>
</head>
<body>
<input name="name" id="name"/>
<input name="pass" id="pass"/>
<input type="button" value="测试" onclick="testPost();"/>
</body>
</html>
服务器端servlet中post方法代码如下（servlet类名为login，配置其访问路径为servlet/login）
复制代码 代码如下:
response.setContentType("text/html");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("gb18030");
String name= request.getParameter("name");
String pass= request.getParameter("pass");
out.print("name:"+name+"pass:"+pass);
out.flush();
out.close();
PrintWriter out = response.getWriter();
request.setCharacterEncoding("gb18030");
String name= request.getParameter("name");
String pass= request.getParameter("pass");
out.print("name:"+name+"pass:"+pass);
out.flush();
out.close();
在客户端运行以上的html代码后，点击“测试”按钮，就会弹出 name:输入的用户名pass:输入的密码 对话框，通过分析html代码可以知道，post方法传递参数使用的是数据json格式。
补充：
对于出现汉字乱码的情况来说，ajax默认的汉字编码是utf-8，post接收页面的编码应该也保持同样的编码。
希望本文所述对大家基于jQuery的Ajax程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery获得子元素个数的方法,实例分析了jQuery中children()方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了EasyUI Tree树组件无限循环的解决方法,需要的朋友可以参考下2017-09-09
在使用PDFObject.js时，由于后台需要转换数据，在前台显示的时候，有很长一段时间显示空白页面，所以想到写一个假的加载动画，下面看下实现代码2016-12-12
Android中的资源是指非代码部分，指外部文件，本文详细介绍资源使用概览，需要了解的朋友可以参考下2012-12-12
下面小编就为大家带来一篇JQuery解析XML数据的几个简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本文主要记录了在项目中遇到jQuery重复加载导致依赖jQuery的js全部失效然后一步步分析，得出最终解决方案的全部过程，主要是记录下来，提醒自己以后不要再犯相同错误。2014-12-12
jQuery EasyUI API 中文文档 - Menu菜单
jQuery EasyUI API 中文文档 - Menu菜单,学习jQuery EasyUI的朋友可以参考下。2011-10-10
这篇文章主要介绍了jQuery实现自定义checkbox和radio样式的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery实现气球弹出框式的侧边导航菜单效果,通过css样式控制结合jQuery响应鼠标事件动态切换元素样式实现提示框效果,非常美观实用,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jquery合并表格中相同文本的相邻单元格的相关资料,需要的朋友可以参考下2015-07-07
最新评论