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或css文件后面跟参数的原因说明
Jan 09 Javascript
jquery动态更换设置背景图的方法
Mar 25 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
jQuery寻找n以内完全数的方法
Jun 24 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
浅析JS异步加载进度条
May 05 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
几种响应式文字详解
May 19 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
详解如何使用nvm管理Node.js多版本
May 06 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设计模式之结构模式的深入解析
2013/06/13 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
制作特殊字的脚本
2006/06/26 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
深入了解JavaScript 的 WebAssembly
2019/06/15 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
python实现小球弹跳效果
2019/05/10 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
员工年终演讲稿
2014/01/03 职场文书
读群众路线心得体会
2014/03/07 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
学习走群众路线心得体会
2014/11/05 职场文书
五年级上册复习计划
2015/01/19 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
环保宣传语大全
2015/07/13 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书
Python实现的扫码工具居然这么好用!
2021/06/07 Python