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中的缓动效果实现程序
Dec 29 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
Node.js 使用AngularJS的方法示例
May 11 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 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实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
Python获取任意xml节点值的方法
2015/05/05 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
信息专业本科生个人的自我评价
2013/10/28 职场文书
给校长的一封建议书
2014/03/12 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
高中英语教学反思范文
2016/03/02 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
postgreSQL数据库基础知识介绍
2022/04/12 PostgreSQL
Django框架之路由用法
2022/06/10 Python