jQuery get和post 方法传值注意事项


Posted in Javascript onNovember 03, 2009

刚刚做了几个实验,看看下面的代码就清楚了:
以下内容需要回复才能看到
jquery_data.php

<?php 
echo "post: "; 
print_r($_POST); 
echo "get: "; 
print_r($_GET); 
?>

jquery_test.html
实验1:
$(function() 
{ 
// post 方法,两处都有数据 
$.post('jquery_data.php?v1=1', {v2: 2}, function(data) 
{ 
$('<pre/>').append(data).appendTo('body'); 
}); 
}); 
/*

返回结果:
post: Array
(
[v2] => 2
)
get: Array
(
[v1] => 1
)
*/
实验2:
$(function()
{
// post 方法,数据在地址后面, 第二个参数为回调函数
$.post('jquery_data.php?v1=1', function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
/*
返回结果,数据在 get 中:
post: Array
(
)
get: Array
(
[v1] => 1
)
*/
实验3:
$(function()
{
// get 方法,用 data 参数传值
$.get('jquery_data.php', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
/*
返回结果,数据在 get 中:
post: Array
(
)
get: Array
(
[v2] => 2
)
*/
实验4:
$(function()
{
// get 方法,两处都有数据
$.get('jquery_data.php?v1=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
/*
返回结果,两处数据被合并了,都在 get 中:
post: Array
(
)
get: Array
(
[v1] => 1
[v2] => 2
)
*/
实验5:
$(function()
{
// get 方法,两处都有数据,且变量名相同
$.get('jquery_data.php?v2=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
/*
返回结果,数据在 get 中,且 data 参数中的数据覆盖了地址后面的数据:
post: Array
(
)
get: Array
(
[v2] => 2
)
*/
通过这几个简单的小例子不难看出,地址后面的数据永远是以 get 形式传递的,无论使用的是 get 方法还是 post 方法;而 data 参数中的数据是根据方法决定传递方式的。
因此,为了避免混淆,建议大家尽量不要把数据写在地址后面,而是统一放在 data 参数中。
当然,如果你想在用 post 方法时,同时利用 get 传值,那么就可以把要以 get 方式传递的数据写在地址后面,把要以 post 方式传递的数据写在 data 参数中。
总之方法是死的,人是活的,怎么用还要看实际情况。子曾经曰过:实践是检验真理的唯一标准。没事做做实验,掌握知识更牢固.
Javascript 相关文章推荐
使用新的消息弹出框blackbirdjs
Oct 16 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
微信小程序实现购物车小功能
Dec 30 Javascript
微信小程序用户授权最佳实践指南
May 08 Javascript
js window.onload 加载多个函数的方法
Nov 02 #Javascript
深入认识javascript中的eval函数
Nov 02 #Javascript
javascript 按回车键相应按钮提交事件
Nov 02 #Javascript
JQuery 解析多维的Json数据格式
Nov 02 #Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 #Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 #Javascript
JS OOP包机制,类创建的方法定义
Nov 02 #Javascript
You might like
PHP实现分页的一个示例
2006/10/09 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
微信小程序实现折叠面板
2018/01/31 Javascript
详解如何使用webpack打包JS
2018/06/21 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
vue-router的两种模式的区别
2019/05/30 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
Python实现简单的四则运算计算器
2016/11/02 Python
Python如何实现守护进程的方法示例
2017/02/08 Python
Python断言assert的用法代码解析
2018/02/03 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
Python callable内置函数原理解析
2020/03/05 Python
Django 再谈一谈json序列化
2020/03/16 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
高级方案规划工程师岗位职责
2013/11/29 职场文书
中专毕业生的自我鉴定
2013/12/01 职场文书
继电保护工岗位职责
2014/01/05 职场文书
给老师的一封建议书
2014/03/13 职场文书
会议营销主持词
2015/07/03 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
导游词之上饶龟峰
2019/10/25 职场文书