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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
js的[defer]和[async]属性
Nov 24 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
May 27 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
Jun 03 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
js 颜色选择插件
Jan 23 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
zTree节点文字过多的处理方法
Nov 24 Javascript
微信小程序实现图片预览功能
Jan 31 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
Terran建筑一览
2020/03/14 星际争霸
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
node.js实现多图片上传实例
2014/06/03 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
[19:15]DK战队纪录片
2014/09/02 DOTA
Python3基础之函数用法
2014/08/13 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
Html5 video标签视频的最佳实践
2020/02/26 HTML / CSS
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
英国网上花店:Bunches
2016/11/29 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
助人为乐好少年事迹材料
2014/08/18 职场文书
邓小平理论心得体会
2014/09/09 职场文书
社会实践活动报告
2015/02/05 职场文书
调解协议书范本
2016/03/21 职场文书
React实现动效弹窗组件
2021/06/21 Javascript