2012-06-27 65 views
0

我的PHP页面变量可以使用jQuery进入隐藏的PHP页面吗?

<ul id="upvote-the-image"> 
<li><a href="javascript:return false;" rel="50" id="upvote">Upvote</a><img src="image.png" /></li> 
</ul>​ 

目前成功发送变量的JavaScript

$("#upvote").each(function(index) { 
var upthis = $(this).attr("rel"); 
var plusone = upthis; 
$.post("upvote.php", { 
    'plusone': plusone 
}); 
alert(plusone); 
});​ 

(中码警报是用于测试) 我使用rel标签多张图片。我希望每个人都能够被提升,并显示他们已在页面上投票,而无需加载新页面。

我的问题和问题:我的下一步是什么?我只想知道如何发送一个值upvote.php。我知道如何使用mysql来添加upvote,而不是如何向upvote.php发送值,或者即使我的javascript代码正确打开页面。

感谢

+0

你已经发送了一个键/值对upvote.php,使部分问题难以理解。你必须改变重复ID的类,不能在页面重复ID – charlietfl

回答

0

我想你需要的东西是这样的:

<ul id="upvote-the-image"> 
    <li><span rel="50" id="upvote">Upvote</span><img src="image.png" /></li> 
</ul>​ 
<span id="result"></span> 

$("#upvote").click(function(index) { 
    var upthis = $(this).attr("rel"); 
    var oOptions = { 
url: upvote.php, //the receiving data page 
    data: upthis, //the data to the server 
    complete: function() { $('#result').text('Thanks!') } //the result on the page 
    }; 
    $.ajax(oOptions); 
} 

你不需要锚,我改成了一个跨度,您可以用F12 ASYC连接测试在浏览器中

+1

需要发送键/值对服务器...不只是价值 – charlietfl

0

你的javascript永远不会打开php页面,它只是向它发送数据,并收到一个带有响应的http头。你的php脚本应该注意$_POST['plusone']并相应地处理数据库处理。您的下一步是在您的$.post函数中写回调函数,我建议在学习时更改为完整的ajax函数,因为它更容易理解并查看所发生的所有事情。

$.ajax({ 
type: 'POST', 
url: "upvote.php", 
data: {'plusone': plusone}, 
success: function(IDofSelectedImg){ 
    //function to increment the rel value in the image that was clicked 
     $(IDofSelectedImg).attr("rel")= upthis +1; 
     }, 

}); 

您将需要为每个img元素的一些唯一标识符以选择它,并发送它的ID PHP脚本。为upvote添加一个类而不是id,并使该id成为您需要增加rel值时可以使用jquery定位的唯一标识号码。 (从它的外观看来,它看起来像是将rel属性中的值放入旧值的数据库中)。

+0

你不解释'plusone'来自哪个问题的另一半...... – Sammaye

+0

看到他原来的帖子...并停止跟踪我。 –

+0

我没有跟踪你,我试图帮助你做出更好的答案,但是...... – Sammaye

0

这里提供了一个很好的JQuery编程技巧,不要这样做:

<a href="javascript:return false;" 

而是做这样的事情:

$(function(){ 
    $('#upvote').on('click', function(event){ 
     event.preventDefault(); 
     $.post('upvote.php', {'plusone': $(this).attr('rel')}, function(data){ 
      alert('done and upvoted'); 
     }); 
    }); 
}); 

这是一个更好的方式来处理您的DOM文档链接。

下面是一些文件的网页供您阅读有关编码使用:

那些会解释我的代码给你。

希望它有帮助,

相关问题