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 相关文章推荐
Opacity.js
Jan 22 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
ES6中Class类的静态方法实例小结
Oct 28 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
微信小程序点击滚动到指定位置的实现
May 22 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
我的php学习笔记(毕业设计)
2012/02/21 PHP
php流量统计功能的实现代码
2012/09/29 PHP
PHP框架laravel的.env文件配置教程
2017/06/07 PHP
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
详谈python在windows中的文件路径问题
2018/04/28 Python
Django中间件实现拦截器的方法
2018/06/01 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
Python csv文件记录流程代码解析
2020/07/16 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
企业给企业的表扬信
2014/01/13 职场文书
酒店营销策划方案
2014/02/07 职场文书
装配出错检讨书
2014/09/23 职场文书
个人贷款收入证明
2014/10/26 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
企业团队精神心得体会
2016/01/19 职场文书
素质教育学习心得体会
2016/01/19 职场文书
2019年幼儿园家长接送责任书
2019/10/29 职场文书
vue前端工程的搭建
2021/03/31 Vue.js
python基础之匿名函数详解
2021/04/21 Python
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python