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定时器实例
Apr 17 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
JS获取各种浏览器窗口大小的方法
Jan 14 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
JS自动生成动态HTML验证码页面
Jun 14 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
vue点击当前路由高亮小案例
Sep 26 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
DWR内存兼容及无法调用问题解决方案
Oct 16 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实现多图片上传类实例
2014/07/26 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
php类常量用法实例分析
2015/07/09 PHP
jscript之List Excel Color Values
2007/06/13 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
jQuery学习笔记 更改jQuery对象
2012/09/19 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
python实现PCA降维的示例详解
2020/02/24 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
python安装及变量名介绍详解
2020/12/12 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
大学生个人简历自我评价
2013/11/16 职场文书
医学检验专业个人求职信范文
2013/12/04 职场文书
自我反省检讨书
2014/01/23 职场文书
股权投资意向书
2014/04/01 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
2016继续教育研修日志
2015/11/13 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
使用Ajax实现无刷新上传文件
2022/04/12 Javascript
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL