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 相关文章推荐
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
BootStrap树状图显示功能
Nov 24 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
微信小程序自定义组件实现环形进度条
Nov 17 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学习之变量的使用
2011/05/29 PHP
PHP程序级守护进程的实现与优化的使用概述
2013/05/02 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
利用Fn.py库在Python中进行函数式编程
2015/04/22 Python
Python的Django框架中的Context使用
2015/07/15 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
Python 开发工具PyCharm安装教程图文详解(新手必看)
2020/02/28 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
儿科护理实习自我鉴定
2013/09/19 职场文书
博士生入学考试推荐信
2013/11/17 职场文书
物流仓管员工作职责
2014/01/06 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
校园文化建设方案
2014/02/03 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
管理失职检讨书
2014/02/12 职场文书
视光学专业自荐信
2014/06/24 职场文书
励志演讲稿600字
2014/08/21 职场文书
运动会开幕词
2015/01/28 职场文书
董事长新年致辞
2015/07/29 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js