如何将值从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.