我有一個表單,用來從我的home.php頁面發送資料到image.php。
< form class="d-flex" action=" method="post">
< input class="rounded-0 form-control" type="text" name = "name" placeholder="Explore。..." aria-label="Search">
< button class="border searchfeature" id="show" type="submit"> <i class="fa-search"/span>> </i></button>
</form>
當我輸入action = "image.php"時,頁面會將我帶到image.php頁面并顯示我想要的東西,即我在搜索表單中輸入的圖片。然而,我想要的是在同一頁面上保留action="home.php",但在提交表單后,獲得影像并顯示在home.php頁面。
我聽說Sessions是解決這個問題的好方法,但我不知道如何在表單提交后將其顯示在同一頁面。我知道解決這個問題的方法之一是將image.php代碼放在home.php頁面中,但我將代碼分開,以保持其清潔。
謝謝!
uj5u.com熱心網友回復:
表單視圖:-
make a id="createForm" in your <form>
和id="name "的輸入欄位。
< form id="createForm" class="d-flex" class="d-flex" action=" method="post">>
< input class="rounded-0 form-control" type="text" name = "name" id = "name" placeholder="Explore. ..." aria-label="Search">
< button class="border searchfeature" id="show" type="submit"> <i class="fa-search"/span>> </i></button>
</form>
Jquery Ajax代碼:-
<script src="https://ajax. googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">< /script>
<script>/span>
$(document).ready(function(/span>) {
$('#createForm').on('submit',function(e){
e.preventDefault()。
var name = $('#name').val()。
$.ajax({
type: "POST"。
url: "data.php",
data: {name: name},
success: function(data){
$("#createForm")[0].reset()。
$('#table1').html(資料)。
}
});
});
});
</script>
在你的HTML中
<div id="table1"/span>>
//Let jQuery AJAX Change This Text
</div>
data.php頁面
<?php
//data.php。
if(isset($_POST["name"/span>])
{
$name = $_POST["name"] 。
// select query with where clause name condition.
echo $output;
}
? >
uj5u.com熱心網友回復:
你可以用幾種方法做到這一點,這完全取決于第2個檔案上發生了什么--我們是停留在那里,還是只是回來回復第1個檔案? 因為你可以:
第1個檔案:
<?php
if(isset($_GET['response']){
echo 'The response: ' 。$_GET['response'] 。
} else {
? >
< form id="createForm" class="d-flex" action=" 2nd. php" method="post">。
< input class="rounded-0 form-control" type="text" name = "name" id = "name" placeholder="Explore. ..." aria-label="Search">
< button class="border searchfeature" id="show" type="submit"> <i class="fa fa-search"> go</i></button>/span>
</form>
< ?php
第二個檔案:
<?php
$name = $_POST['name'/span>] . " - 收到了!!!";
header("Location: 1st.php?response=$name")。)
回應將在1st.php中出現:
回應: SomeNameValue - Received!!
這是一個非常非常簡化的方法--在第一個檔案中使用頭和$_GET方法,當$_GET['response']存在時,它顯示回應并跳過表單...
如果你打算在第2個檔案中顯示一些東西,那么頭對你來說是可用的,但你可以創建另一個表單并在一個隱藏的輸入中發送回應,或者使用Javascript到window.location.assign("1st.php?response="),其中$name變數是我們在2nd.php中處理后的$_POST['name'] 。
但第一個例子只是表單和PHP。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/321661.html
標籤:
