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 相关文章推荐
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
jquery实现手风琴案例
May 04 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加MYSQL服务器
2006/10/09 PHP
wordpress之wp-settings.php
2007/08/17 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
PHP抽象类基本用法示例
2018/12/28 PHP
Jquery ui css framework
2010/06/28 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
js中数组常用方法总结(推荐)
2019/04/09 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
Python内置函数之filter map reduce介绍
2014/11/30 Python
一步步解析Python斗牛游戏的概率
2016/02/12 Python
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
在Python中增加和插入元素的示例
2018/11/01 Python
python集合常见运算案例解析
2019/10/17 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
新奇的小玩意:IWOOT
2016/07/21 全球购物
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
法国一家芭蕾舞鞋公司:Repetto
2018/11/12 全球购物
十岁生日家长答谢词
2014/01/17 职场文书
竞选文艺委员演讲稿
2014/04/28 职场文书
环保宣传语大全
2015/07/13 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
详解Redis主从复制实践
2021/05/19 Redis
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android