AJAX通过href onclick将变量发布到当前页面 - Jquery Mobile / PHP

时间:2014-05-27 02:53:42

标签: javascript php jquery ajax jquery-mobile

我正在创建一个使用JQuery Mobile和PHP的应用程序,这里没什么好疯狂的。我正在尝试更新我正在查看的页面上的$ _POST ['']变量。

用户点击“Issue_Title”将“Issue_Txt”添加到该特定列表。所以我需要一种方法来了解用户点击哪个issue_title,这样我就可以将它添加到正确的位置。为了解决这个问题,当我从mySQL表中检索issue_title时,我的格式就像这样(testTitle只是一个占位符用于调试...我想要$ row ['issue_title'],所以我可以区分点击了哪个标题):

echo "<li data-role='fieldcontain'>"."<a href='#popupNewIssueTxt' data-rel='popup' data-position-to='window' data-inline='true' onclick=\"return NewIssueTxt('testTitle');\">".$row['issue_title']."</a></li>";

因此onclick它将运行以下JS函数:

function NewIssueTxt(issue_title)
    {
    var combined = {'issue_title' : issue_title};

    combined = $('#HiddenIssueTxtForm').serialize() + '&' + $.param(combined);

    $.ajax({type:'POST', url: 'NewRoundDetails.php', data: combined, success: function(response){   }});
    return false;
    };

我可以通过Javascript控制台看到,当我点击listview链接时,这是按预期进行的POST。这应该给我一个$ _POST ['issue_title'],我可以用它来提交以及下面表格中捕获的issue_txt ...这是一个弹出窗体,当用户点击Issue_Title href时也会出现。 / p>

<div data-role="popup" id="popupNewIssueTxt" data-history='false' data-theme="a" class="ui-corner-all">
        <form id="NewIssueTxtForm" action="/NewRoundDetails.php" onsubmit="return submit_popupNewIssueTxt();" method="post">
            <div style="padding:10px 20px;">
            <h3>Issue Text:</h3>

            <label for="issue_txt" class="ui-hidden-accessible">Issue Text:</label>
            <input type="text" name="issue_txt" id="issue_txt" value="" />

            <label for="issue_title" class="ui-hidden-accessible">Issue Title</label>
            <input type="hidden" name="issue_title" id="issue_title" value="<?php echo $_POST['issue_title']; ?>"/>

            <label for="date" class="ui-hidden-accessible">Date:</label>
            <input type="hidden" name="date" id="date" value="<?php echo $_POST['date']; ?>"/>

            <label for="dept_name" class="ui-hidden-accessible">Department Name:</label>
            <input type="hidden" name="dept_name" id="dept_name" value="<?php echo $_POST['dept_name']; ?>"/>

            <label for="participants" class="ui-hidden-accessible">Participants:</label>
            <input type="hidden" name="participants" id="participants" value="<?php echo $_POST['participants']; ?>"/>

            <label for="issue_category" class="ui-hidden-accessible">Issue Category:</label>
            <input type="hidden" name="issue_category" id="issue_category" value="Work Environment"/>

            <button id="NewIssueTxtButton" form="NewIssueTxtForm" type="submit" data-theme="b">Add</button>
            </div>

        </form>

如上所述我确认JS功能正在运行......除了我仍然没有$ _POST ['issue_title']的价值。我究竟做错了什么? JS函数的提交速度不够快......所以我点击了Issue_title但我的表单是在POST发生之前打开的吗?如果是这样的话,我怎样才能将href点击成可用的变量?

重申:我正在使用来自mySQL DB的数据填充listview。我需要一种方法来了解点击了哪个链接或列表视图,以便我可以将其与其他表单数据一起发布。

0 个答案:

没有答案