如何將html添加到當前頁面的另一個頁面？

我正在製作一個交互式票證系統。我有兩個頁面：ticket.php和myaccount.php。如何將html添加到當前頁面的另一個頁面？

'myaccount'頁面是一個門票管理系統，管理員可以爲其自己分配門票。我想要做的是當管理員查看故障單並做出響應並更新ticket.php上的故障單狀態時，我希望myaccount.php反映狀態的更新（當然不刷新頁面）。

截至目前，我的ajax調用工作，它從另一個頁面獲取POST值。但是，我想更新myaccount.php中的div FROM ticket.php。

這裏是存儲在一個名爲action.js阿賈克斯，這個功能被稱爲ticket.php，我希望它更新myaccount.php一個div：

function current_ticket() { 
    $.ajax({ 

     type: "POST", 
     url: '../user/phpfunc/ajax.php', 
     data:{current_ticket: 'current_ticket_list'}, 
     success:function(html) { 
     alert(html); 
     //This function is called in ticket.php. I want it to update a div 
     //in myaccount.php 
     } 
    });}

這裏被按下的按鈕調用current_ticket（）在ticket.php：

<input type="submit" name="submit" value="submit" onclick="current_ticket();">

這裏是ajax.php的要求：

if(isset($_POST['current_ticket'])) { 
echo 'test';}

我已經找了一個答案，我只能找到從一個div獲取內容的代碼，但我想發送內容到另一個文件中的div。幫助表示讚賞，謝謝！

來源

2017-05-23 apples99

您可以使用jQuery.append（）函數http://api.jquery.com/append/。例如，在成功函數 –

@AliAlwash中添加$（'＃result-div'）。append（html）我試過了。例如，$（「。some-class」）。append（「test」）不起作用，除非它在當前頁面中有一個div。我試圖附加到另一個頁面的div而不是當前的div。 – apples99

你需要向我們展示'ajax.php'的內容，因爲它的結果可能會破壞你的JS – CodeGodie

$("#div").append(YOUR_RETURN_HTML);會做這項工作。

此外，您已設置type='submit'，並且您還添加了事件onclick。

要麼禁用默認提交，要麼將類型更改爲button。

來源

2017-05-23 12:14:25

我已經試過了。讓我問一下，這種方法實際上是讓我追加到另一個頁面而不是當前的一個？例如，我會調用ticket.php中的append方法，但是我希望將該內容附加到myaccount.php。它似乎沒有爲我做任何事情。 $（「類中，我的帳戶」）追加「（追加，從票」）; – apples99

@ apples99你需要附加html還是什麼？ –

如何將html添加到當前頁面的另一個頁面？

回答

相關問題