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 相关文章推荐
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
jQuery页面弹出框实现文件上传
Feb 09 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 Javascript
在项目vue中使用echarts的操作步骤
Sep 07 Javascript
javascript Number 与 Math对象的介绍
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
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
PHP目录操作实例总结
2016/09/27 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
学习ExtJS accordion布局
2009/10/08 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
在python中做正态性检验示例
2019/12/09 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
几个常见的软件测试问题
2016/09/07 面试题
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
幼儿园教师培训制度
2014/01/16 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
开业庆典致辞
2015/08/01 职场文书
600字作文之感受大自然
2019/11/27 职场文书