Jquery ajax 调用发布 - 未发表我的文章答案

【问题标题】：Jquery ajax call to publish - unpublished my articleJquery ajax 调用发布 - 未发表我的文章
【发布时间】：2011-06-21 18:37:43
【问题描述】：

我网站的 php 管理区域显示了我所有文章的列表，来自 mysql 表。该表中有一个列，如果文章未发布，则行的值可以为 0，如果文章已发布，则该行的值可以为 1。

我希望能够单击图像来更改任何文章的状态，从已发布到未发布和反向，并同时更改图像，以便我可以查看已发布或未发布的文章。

你有什么线索可以让我找到可以帮助我做到这一点的代码吗？

【问题讨论】：

您想使用.click() 方法。查看：api.jquery.com/click 如果您发布您尝试过的内容，答案会更有帮助。

标签： jquery ajax image call

【解决方案1】：

这基本上就是你需要做的-

1) 将函数绑定到图像的 onclick 事件，并使用 jquery（因为您已指定 jquery 标记）传递文章 ID，将 post 类型的 ajax 请求发送到服务器端代码（例如 php 文件）以及您是否希望发布或取消发布该文章。您还需要保留一个标志，该标志将在 js 中存储文章的状态

2) 在 php 文件中编写代码，该代码将连接到数据库并根据传递给它的 post 变量更新记录并返回响应

3) 根据响应，更改标志以及 js 中的图像

由于您要求提供链接/代码，这说明了使用 jquery 发送 ajax 请求并处理来自服务器的响应 - http://www.tutorialized.com/view/tutorial/jQuery-AJAX-tutorial/50833

【讨论】：

谢谢您的解释！

【解决方案2】：

$('.unPublished').click( function() {
$.ajax({

url: "index.php?publish=" + pkey,
success: function(msg){
  $('.unPublished').hide();  
  $('.Published').show();  
}
});

$('.Published').click( function() {
$.ajax({
url: "index.php?unpublish=" + pkey,
success: function(msg){
  $('.Published').hide();  
  $('.unPublished').show();  
}
});

应该这样做。给图像一个 unPublished 和 Published 类。您可能还需要给他们一个 id，以便您可以获取主键并在必要时发送它

【讨论】：

感谢您的回答。我不知道如何从我的代码中使用它：code if ($status == 0) { $image = ""; } if ($status== 1) { $image= ""; } code