我通過單擊 index.php 中帶有 $("#btn").load("form.php") 的按鈕加載表單，我想避免在提交后將頁面重定向到操作文件并在表中添加一個項目這是在表格下。我的演示在http://price.parag.website<?php include "../connection.php" ?><h1>Add CPU</h1><form method="post" action="actions/cpu_action.php"> <label for="name">Name</label> <input type="text" name="cpu_name" /> <label for="price">Price</label> <input type="text" name="cpu_price" /> <input type="submit" value="Add" /></form><?php$sql = "SELECT id, cpu_name, cpu_price FROM cpu";$result = $conn->query($sql);if ($result->num_rows > 0) { // output data of each row echo "<table> <thead> <tr> <th>ID</th> <th>CPU NAME</th> <th>CPU PRICE</th> </tr> </thead>"; while($row = $result->fetch_assoc()) { echo "<tr>"; echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['cpu_name'] . "</td>"; echo "<td>" . $row['cpu_price'] . "</td>"; echo "</tr>"; } echo "</table>";} else { echo "0 results";}
2 回答
jeck貓
TA貢獻(xiàn)1909條經(jīng)驗 獲得超7個贊
<h1>Add CPU</h1>
<form id="formupload" method="post" action="actions/cpu_action.php">
<label for="name">Name</label>
<input type="text" name="cpu_name" />
<label for="price">Price</label>
<input type="text" name="cpu_price" />
<input type="submit" value="Add" />
</form>
現(xiàn)在我們必須清除表單的默認(rèn)操作（我將使用 jquery）
$('#formupload').on('submit',function(e){
e.preventDefault();
var formData = new FormData(this);
$.ajax({
type:'POST',
url: $('#formupload').attr('action'),
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(result){
if(condition){}
else{}
}
})
})
試試這個它會工作
一只名叫tom的貓
TA貢獻(xiàn)1906條經(jīng)驗 獲得超3個贊
<button type="button" onclick="loadDoc()">Request data</button>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("table").innerHTML = this.responseText;
}
};
xhttp.open("POST", "pageToPost.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("data1=bar&data2=foo");
}
</script>
這將獲取響應(yīng)并使用響應(yīng)更新帶有 id 的元素table，因此請確保它在 html 中。
- 2 回答
- 0 關(guān)注
- 135 瀏覽
添加回答
舉報
0/150
提交
取消