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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
JQuery的ajax基础上的超强GridView展示
Sep 18 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
避免回车键导致的页面无意义刷新的解决方法
Apr 12 Javascript
跨浏览器的事件对象介绍
Jun 27 Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
Sep 20 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
Vue简单实现原理详解
May 07 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常用技巧总结(附函数代码)
2012/02/04 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
Django入门使用示例
2017/12/12 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
python 写一个水果忍者游戏
2021/01/13 Python
护理毕业生自荐信范文
2013/12/22 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
葬礼司仪主持词
2014/03/31 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
2014和解协议书范文
2014/09/15 职场文书
2014年煤矿工人工作总结
2014/12/08 职场文书
早安问候语大全
2015/11/10 职场文书
员工给公司的建议书
2019/06/24 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
一文带你探究MySQL中的NULL
2021/11/11 MySQL
如何基于python实现单目三维重建详解
2022/06/25 Python
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python
微信小程序实现轮播图指示器
2022/06/25 Javascript