如何將值從jQuery傳遞到PHP
[英]How can I pass a value from jQuery to PHP
問題描述
當我單擊它時，我有一個簡單的按鈕，我希望從jQuery傳遞一個值並將其發送到PHP文件，以便我可以執行它。 因此，當單擊按鈕時，會觸發onclick事件，它將數字“ 1”發送到jQuery代碼，然后jQuery應該將“ 1”發送到PHP函數displayRecords，並應回顯“ 1” :)。 如果您可以提供幫助，將不勝感激。
的HTML
<input type="button" value = "Click Me!"
id = "btn" nam = "btn" onClick="displayRecord(1)">
jQuery的
<script>
function displayRecord(num) {
$.ajax({
type: 'post',
url: "display.php",
data: { num: num }
});
};
</script>
的PHP
<?php
function displayRecord($num) {
echo $num;
}
?>
6 個解決方案
解決方案1
0 2014-11-09 22:19:54
你不能只這樣調用變量
function displayRecord($num){
echo $num;
}
那只是一個函數代用。 你什么都沒叫。 添加它以使用POST數據調用您的函數
displayRecord($_POST['num']);
解決方案2
0 2014-11-09 22:29:41
您需要一個表格並輸入值。
<form id="btn">
<input type="hidden" value = "Click Me!"
nam = "btn">
<button type="submit">Submit this form</button>
</form>
要從php文件中回顯，請執行以下操作：
指定JSON標頭並創建數組（jSon僅讀取數組）；
header("content-type:application/json");
if(!empty($_POST['num'])){
$result = array(array("num" => $num));
echo json_encode($result); }
在Ajax ..
var form = $("#btn");
form .submit(function (ev) {
$.ajax({
type: 'POST',
dataType: 'json',
url: "display.php",
data: { num: num },
success: function( json ) {
$.each(json, function(i, item) {
alert('+item.num+');
})
},
error: function(xhr, desc, err) {
console.log(xhr + "\n" + err);}
});
ev.preventDefault();
});
解決方案3
0 2014-11-09 22:47:07
呼叫此頁面：index.php
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function displayRecord(num){
txt=num;
$.post("demo.php",{num:txt},function(result){
$("#displayRecord").html(result);
});
}
</script>
</head>
<body>
<input type="button" value="Click Me!" id="btn" name="btn" onClick="displayRecord(1)">
<div id="displayRecord"></div>
</body>
並調用此頁面：demo.php
<?php echo $_POST['num']; ?>
解決方案4
0 2014-11-09 22:49:03
首先要注意的是，您需要在輸入ID周圍加上撇號，這可能會導致意外的結果，具體取決於您的操作。
這是所需的HTML。
<form id="form">
<input type="button" value="Click Me!" id="btn" name="btn" type="submit">
</form>
將數據從AJAX發送到PHP。
$(function() {
$('#form').on('submit, function() {
$.ajax({
type: 'POST',
dataType: 'json',
url: 'display.php',
data: { num: num },
success: function(message, data) {
alert(message);
$(data)...//ready to use
}
});
});
});
將數據以JSON格式從PHP發送回AJAX。
<?php
if ($_POST['num']) {
$num = $_POST['num'];
echo json_encode(array('message' => 'Completed!', 'data' => $num));
}
?>
解決方案5
0 2014-11-09 22:54:20
您缺少2件事。 在php中，您實際上並未調用該函數；在js中，您忽略了返回的數據。
修理：
jQuery的
<script>
function displayRecord(num) {
$.ajax({
type: 'post',
//dataType: 'json', <--you are not currently sending json, so remove this
url: "display.php",
data: { num: num },
//do something with the result of the ajax call
success:function(data){
alert(data);
}
});
};
</script>
的PHP
<?php
function displayRecord($num) {
echo $num;
}
//call the function, with the posted data
displayRecord($_POST['num']);
?>
解決方案6
0 2014-11-09 22:56:07
由於您已經在使用jquery ajax，為什么不同時使用一些jquery綁定，
<input type="button" value = "Click Me!"
id = "sendbtn" >
<script>
$(document).ready(function(){
var display = function (e) {
e.preventDefault();
var num = $("#yourtextinputidhere").val();
$.ajax({
type: 'post',
dataType: 'json',
url: "display.php",
data: { num: num }
});
}
$("#sendbtn").on('click', display); //note display is set as a function above
});
</script>
<?php //display.php
function displayRecord($num){
//Do what needs to be done here
}
displayRecord($_POST['num']);
?>
如何將javascript的值傳遞給html表單上的php？
[英]How can I pass the value from a javascript to php on an html form?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.