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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
Dec 09 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
JavaScript实现实时更新系统时间的实例代码
Apr 04 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 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导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
python缩进区别分析
2014/02/15 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
公务员爱岗敬业演讲稿
2014/08/26 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
高中生思想道德自我评价
2015/03/09 职场文书