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 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
Aug 10 Javascript
js控制CSS样式属性语法对照表
Dec 11 Javascript
JavaScript数字和字符串转换示例
Mar 26 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
vue.js实现的幻灯片功能示例
Jan 18 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实现智能文件类型检测的实现代码
2011/08/02 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
javascript数组的扩展实现代码集合
2008/06/01 Javascript
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
javascript控制swfObject应用介绍
2012/11/29 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
简单说说angular.json文件的使用
2018/10/29 Javascript
Vue props 单向数据流的实现
2018/11/06 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python字符遍历的艺术
2008/09/06 Python
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
Python程序运行原理图文解析
2018/02/10 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
Python实现端口检测的方法
2018/07/24 Python
Python基于pyecharts实现关联图绘制
2020/03/27 Python
python实现二分查找算法
2020/09/18 Python
美国定制钻石订婚戒指:Ritani
2017/12/08 全球购物
五年级音乐教学反思
2014/02/06 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
领导干部群众路线剖析材料
2014/10/09 职场文书
毕业证明模板
2015/06/19 职场文书
六年级作文之关于梦
2019/10/22 职场文书
《最后一头战象》读后感:动物也有感情
2020/01/02 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python