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实现网页查找功能示例分享
Feb 12 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
javascript如何定义对象数组
Jun 07 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
在node中如何使用 ES6
Apr 22 Javascript
Vue.js中 v-model 指令的修饰符详解
Dec 03 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
JS eval代码快速解密实例解析
Apr 23 Javascript
JS实现页面侧边栏效果探究
Jan 08 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
使用symfony命令创建项目的方法
2016/03/17 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
2016/05/31 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
浅析TypeScript 命名空间
2020/03/19 Javascript
python实现简单ftp客户端的方法
2015/06/28 Python
python3实现暴力穷举博客园密码
2016/06/19 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
使用Python对Excel进行读写操作
2017/03/30 Python
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
pow在python中的含义及用法
2019/07/11 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
Java如何调用外部Exe程序
2015/07/04 面试题
团工委书记自荐书范文
2013/12/17 职场文书
会计主管岗位职责
2014/01/03 职场文书
现场施工员岗位职责
2014/03/10 职场文书
签约仪式主持词
2014/03/19 职场文书
法定代表人授权委托书
2014/04/04 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
python实现简单倒计时功能
2021/04/21 Python