使用JQuery / Ajax传递值

时间:2010-01-19 15:31:53

标签: jquery

对不起大家,但我之前问了一个问题,也许并没有完全解释自己。我自己回答了这个问题,以防止进一步的回复,并希望以更基本的格式重置问题,因为没有任何答案对我有用,压力给我,怎么做。对一个基本问题有4个完全不同的答案。

我原本希望这个问题很简单 - 从一个href获取一个变量,然后通过JQuery / ajax将该变量传递给另一个页面,并将结果返回到原始页面上的div中。在php中它很简单,即

if(isset($_GET['nameofvariable']): // do this // endif;

我在上一个问题中用一个简单的echo $ _GET ['nameofvariable']尝试了所有的答案;在接收页面上,但没有一个给我正确的结果 - 抱歉。 Perhpas更简单的版本将帮助我(并希望其他人)

开始页面调用它index.php只包含1个链接

<a href="?abc=1" id="#idoflink">Try again</a>

和一个div

<div id="testit"></div>

我想将“abc”传递到另一页说testit.php,其中包含1行代码

<?php echo $_GET['abc']; ?>

然后将$ _GET ['abc']打印到div id =“testit”

好的,在你大声喊叫之前,我想使用ajax(或者类似的)就像我理解这个基本功能一样 - 即发送变量并将其打印到div id =“testit”然后我想运行基于变量abc对页面testit.php进行查询,并将该查询的结果返回到div id =“testit”而无需刷新页面。

我正在尝试学习这个Jquery / Ajax的东西,对php有一个合理的把握 - 可以在php中做到这一点,但需要一个页面刷新为我的目的我不能有一个页面刷新(即使是一个小的时间方面用来运行最终查询。)

除此之外,能够理解这个简单的功能 - 即。将GET发送到另一个页面并执行查询并返回我可以从我对JQuery / Ajax和我的PHP知识的其他理解中“开发出来”。

对不起,如果直言不讳。谢谢你的回答。

2 个答案:

答案 0 :(得分:1)

如果我理解你想要正确做什么,你可以使用jQuery的.load函数,它最简单的AJAX调用。以下两个文件给出了一个如何工作的简单示例(index.php对test.php进行AJAX调用并在div中显示其结果):

的index.php:

<head>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1.3.2");</script>

<script>
  $(document).ready(function() {
    $("#idoflink").click(function() {
      $("#test").load("test.php?abc=1");
    });
  });
</script>
</head>

<body>
<a href="#" id="idoflink">Try again</a>
<div id="test"></div>
</body>

test.php的:

<?
  print "abc = " . $_GET["abc"];
?>

编辑:

在回复您的评论时,如果您想阅读href,可以用此替换onclick功能

$("#idoflink").click(function(){
  $("#test").load(this.href);
  this.href = "#";
});

和链接:

<a href="test.php?abc=1" id="idoflink">Try again</a>

答案 1 :(得分:0)

在index.php的head部分插入以下内容

<script type="text/javascript">
    $('#idoflink').click( function(){
       $.get(this.href, function(data){$('#testit').html(data);});
    });
</script>

并更改链接以使其具有此href

<a href="testit.php?abc=1" id="#idoflink">Try again</a>