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+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
读jQuery之五(取DOM元素)
Jun 20 Javascript
jcrop基本参数一览
Jul 16 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
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/02/13 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
PHP7生产环境队列Beanstalkd用法详解
2020/05/19 PHP
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
javascript每日必学之循环
2016/02/19 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
ASP.NET jquery ajax传递参数的实例
2016/11/02 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
python使用arcpy.mapping模块批量出图
2017/03/06 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
python实现随机加减法生成器
2020/02/24 Python
python实现自动打卡的示例代码
2020/10/10 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
房地产销售大学生自我评价分享
2013/11/11 职场文书
《我的第一本书》教学反思
2014/02/15 职场文书
公证委托书大全
2014/04/04 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
自荐信模板大全
2015/03/27 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
社团招新宣传语
2015/07/13 职场文书
2016年九九重阳节活动总结
2016/04/01 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
Nginx源码编译安装过程记录
2021/11/17 Servers
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js