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自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
javascript数组操作总结和属性、方法介绍
Apr 05 Javascript
js操作iframe父子窗体示例
May 22 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
layui 表格的属性的显示转换方法
Aug 14 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 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应用提速面面观
2006/10/09 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
PHP判断远程url是否有效的几种方法小结
2011/10/08 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
浅谈js中的闭包
2015/03/16 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
domReady的实现案例
2016/11/23 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
vue1.0和vue2.0的watch监听事件写法详解
2018/09/11 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
python相似模块用例
2016/03/04 Python
Python中循环引用(import)失败的解决方法
2018/04/22 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
如何用python写个模板引擎
2021/01/14 Python
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
酒店总经理欢迎词
2014/01/15 职场文书
信息员培训方案
2014/06/12 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
作息时间调整通知
2015/04/22 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS