jQuery get和post 方法传值注意事项

2016-02-19 14:37 9 1 收藏

今天图老师小编要跟大家分享jQuery get和post 方法传值注意事项,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

刚刚做了几个实验,看看下面的代码就清楚了:
以下内容需要回复才能看到
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 参数中。
总之方法是死的,人是活的,怎么用还要看实际情况。子曾经曰过:实践是检验真理的唯一标准。没事做做实验,掌握知识更牢固.

来源:http://www.tulaoshi.com/n/20160219/1607358.html

延伸阅读
标签: Web开发
$(”#msg”).html(); //返回id为msg的元素节点的html内容。 $(”#msg”).html(”new content“); //将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content $(”#msg”).text(); //返回id为msg的元素节点的文本内容。 $(”#msg”).text(”new content“); //将“new content” 作为普通文本串写入id为msg的...
标签: Web开发
jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : ...
标签: 植物 绿色植物
玉树的养殖方法 玉树早春开始生长前进行栽植或土盆换土。盆土要求疏松、肥沃、排水良好。一般选用腐叶土或泥炭土2份,园土2份,粗沙3份,石灰石砾1份,或腐叶土、园土、粗沙各3份,加骨粉、草木灰各1份充分混合的培养土作盆土。 玉树生长适宜温度20 - 30℃。春、秋季为适宜生长期。夏季高温时要进行遮荫或放在树荫下,避...
标签: 分娩
什么是语言 胎教 呢?相信每位准爸爸妈妈都不会感到陌生,不过,在进行语言胎教时是有很多讲究的哦。只有正确的语言胎教方法才能达到其效果,下面就和小编一起来看看语言胎教的方法和注意事项都有哪些吧。 语言胎教的方法 朗诵抒情法 在音乐伴奏与歌曲伴唱的同时,朗读诗或词以抒发感情,也是一种很好的胎教音乐形式。 据专家介绍,胎...
孩子要如何刷牙最www.tulaoshi.com好 口腔 健康 从娃娃抓起概念很多家长如今都已经知道了,但在孩子刷牙的一些细节上,例如选择什么样的牙膏牙刷、刷牙方法等方面有的家长却不太了解。 专家指出,其实3岁以下的孩子刷牙,牙刷加清水就可以了。 专家指出,牙膏中含有摩擦剂,可以增加刷牙时的愉快感...

经验教程

455

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部