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 相关文章推荐
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
从零开始最小实现react服务器渲染详解
Jan 26 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
微信小程序canvas分享海报功能
Oct 31 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程序61条面向对象分析设计的经验小结
2008/11/12 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
javascript分页代码(当前页码居中)
2012/09/20 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
Bootstrap基础学习
2015/06/16 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
React SSR样式及SEO的实践
2018/10/22 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
[01:46]新英雄登场
2019/09/10 DOTA
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python Requests安装与简单运用
2016/04/07 Python
使用Python对SQLite数据库操作
2017/04/06 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
Python 中Operator模块的使用
2021/01/30 Python
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
工作违纪检讨书
2014/02/17 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
运动会广播稿50字
2015/08/19 职场文书
用python画城市轮播地图
2021/05/28 Python