将POST数据链接到PHP文件的Onclick

时间:2013-07-14 01:42:26

标签: php jquery forms post input

我知道这类问题被问了很多,我见过很多,但他们似乎都没有回答我想要做的事情,甚至足以让我开始。我对jQuery的理解很少,我还没有完全理解它(尽管有PHP)。我想onclick()我的元素,如下所示:

<form name="cleartask1" method="POST">
<input type="hidden" name="taskid" value="1">
<input type="checkbox" class='icheck-me' name="check1" data-skin="square" data-color="blue">
</form>

将数据提交到文件,我们会说,对于这个示例post.php,但我需要它来检查post.php文件时所有表单元素的值(复选框的默认值) 。然后post.php文件将从表单中发布的数据中提取数据。我会以下面的方式打电话给它吗?

<?php
$value = $_POST['taskid'];
?>

我如何将其发布到post.php文件?如果这没有意义,请告诉我,我一定会更详细地解释。我想在单击该特定表单的复选框时发布表单数据。

注意:表单名称和复选框名称相同,将它们组合在一起,这些任务将从MySQL数据库中列出,因此对它们进行分组可确保我提交给正确的数据库。

如果您可以提供帮助,或者您需要更多信息,请与我们联系。

更新:我确实需要在不重新加载的情况下提交此内容,因为这是一个实时任务列表,因此在不重新加载的情况下提交此内容将是最佳选择。如果有人可以提供一个jQuery的Ajax示例来使用它来完成这个?

谢谢,

斯科特

2 个答案:

答案 0 :(得分:4)

你是说这样的意思吗?你可以使用jQuery.submit()

$(".icheck-me").click(function(){

       $("form[name='cleartask1']").submit();
 });

http://api.jquery.com/submit/

  

如何在不重新加载的情况下将表单提交到其他页面?   这可能更有意义。 :)抱歉

因为你想在没有重新加载页面的情况下发帖,你需要使用AJAX http://en.wikipedia.org/wiki/Ajax_(programming)

和Jquery有一个简单的方法来执行AJAX请求

会是这样的

$(".icheck-me").click(function(){

      $.ajax({
         type: "POST",
         url: "<address to your page where you want to send your data>",
         data: { taskid: $("input[type='taskid']").val()
                }
          success:function(rsp){
            //do anything you want after a successful ajax request
          }
      });
 });

http://api.jquery.com/jQuery.ajax/

嗯,我们想帮助你那么多,但请有时间先研究一下ajax和jquery中的ajax事情..然后如果你发现一些理解它的困难然后再问这里并发布你有什么到目前为止完成=)

答案 1 :(得分:0)

那么,如何通过jQuery设置action属性?

if($('.icheck-me').is(':checked')){
    // this is where you need to submit the form
    // but set the action URL first
    $('form[name=cleartask1]').attr('action', 'posturl.php');
    $('form[name=cleartask1]').submit();
 }

http://api.jquery.com/attr/可以作为参考