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 相关文章推荐
jQuery Clone Bug解决代码
Dec 22 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
javascript实现密码强度显示
Mar 18 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
Jul 31 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
杏林同学录(八)
2006/10/09 PHP
curl和libcurl的区别简介
2015/07/01 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
一些技巧性实用js代码小结
2009/10/14 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
jQuery操作JSON的CRUD用法实例
2015/02/25 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
一道python走迷宫算法题
2018/01/22 Python
Django实现全文检索的方法(支持中文)
2018/05/14 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
日本无添加化妆品:HABA
2016/08/18 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
三个儿子教学反思
2014/02/03 职场文书
2015年元旦活动总结
2014/05/09 职场文书
单位实习鉴定评语
2015/01/04 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
单位考核鉴定意见
2015/06/05 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL