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 相关文章推荐
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 Javascript
深入详解JS函数的柯里化
Jun 09 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
Mysql的常用命令
2006/10/09 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
PHP获取当前日期和时间及格式化方法参数
2015/05/11 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
javascript操作cookie
2017/01/17 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python MySQLdb使用教程详解
2018/03/20 Python
python实现自动发送报警监控邮件
2018/06/21 Python
python中对数据进行各种排序的方法
2019/07/02 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
Python 创建TCP服务器的方法
2020/07/28 Python
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
事业单位分类改革实施方案
2014/03/21 职场文书
党组织公开承诺书
2014/03/29 职场文书
英语系本科生求职信
2014/07/15 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
邀请函的格式
2015/01/30 职场文书
三孔导游词
2015/02/05 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
工程项目合作意向书
2015/05/08 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
Java设计模式中的命令模式
2022/04/28 Java/Android