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 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
原生js实现form表单序列化的方法
Aug 02 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
js实现头像上传并且可预览提交
Dec 25 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
PHP数组编码gbk与utf8互相转换的两种方法
2016/09/01 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
php session_decode函数用法讲解
2019/05/26 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
python分析网页上所有超链接的方法
2015/05/08 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
Python实现图像的垂直投影示例
2020/01/17 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
Python如何给函数库增加日志功能
2020/08/04 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
资深生产主管自我评价
2013/09/22 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
应届大学生简历中的自我评价
2014/01/15 职场文书
银行开业庆典方案
2014/02/06 职场文书
股权转让意向书
2014/04/01 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
小学中队活动总结
2015/05/11 职场文书
为什么阅读对所有年龄段的孩子都很重要?
2019/07/08 职场文书
详解PyTorch模型保存与加载
2022/04/28 Python