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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
Using the TextRange Object
Oct 14 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
js中for in的用法示例解析
Dec 25 Javascript
javascript自定义的addClass()方法
May 28 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
Javascript的表单验证-初识正则表达式
Mar 18 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 Javascript
layui导航栏实现代码
May 19 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
原生js实现简单轮播图
Oct 26 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
PHP5 面向对象(学习记录)
2009/12/02 PHP
php 删除一个数组中的某个值.兼容多维数组!
2012/02/18 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
json对象转字符串如何实现
2012/12/02 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
js评分组件使用详解
2017/06/06 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python中global用法实例分析
2015/04/30 Python
详解Python中heapq模块的用法
2016/06/28 Python
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
生产内勤岗位职责
2013/12/07 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
解除劳动合同证明书
2014/09/26 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
CSS3实现列表无限滚动/轮播效果
2021/06/23 HTML / CSS
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python