jquery中post方法用法实例


Posted in Javascript onOctober 21, 2014

本文实例讲述了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>

 
服务器端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();

在客户端运行以上的html代码后,点击“测试”按钮,就会弹出  name:输入的用户名pass:输入的密码 对话框,通过分析html代码可以知道,post方法传递参数使用的是数据json格式。

补充:

对于出现汉字乱码的情况来说,ajax默认的汉字编码是utf-8,post接收页面的编码应该也保持同样的编码。

希望本文所述对大家基于jQuery的Ajax程序设计有所帮助。

Javascript 相关文章推荐
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
javascript每日必学之封装
Feb 23 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
微信小程序连续签到7天积分获得功能的示例代码
Aug 20 Javascript
Node实现搜索框进行模糊查询
Jun 28 Javascript
js调试工具Console命令详解
Oct 21 #Javascript
JS中FRAME的操作问题实例分析
Oct 21 #Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
Oct 20 #Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 #Javascript
利用jquery操作Radio方法小结
Oct 20 #Javascript
利用a标签自动解析URL分析网址实例
Oct 20 #Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 #Javascript
You might like
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
PHPMailer发送邮件
2016/12/28 PHP
学习jquery之一
2007/04/27 Javascript
JavaScript函数、方法、对象代码
2008/10/29 Javascript
javascript Prototype 对象扩展
2009/05/15 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
Python中join函数简单代码示例
2018/01/09 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
python调用c++传递数组的实例
2019/02/13 Python
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
外语系毕业生自荐信范文
2013/12/16 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
关于责任的演讲稿
2014/05/20 职场文书
环保志愿者活动总结
2014/06/27 职场文书
社区两委对照检查材料
2014/08/23 职场文书
法定代表人资格证明书
2014/09/11 职场文书
交警失职检讨书
2015/01/26 职场文书
太空授课观后感
2015/06/17 职场文书
小学班主任教育随笔
2015/08/15 职场文书
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
Python中Numpy和Matplotlib的基本使用指南
2021/11/02 Python