[英]Pass PHP URL variable to jquery/ajax form
I'm using jquery/ajax to submit a form without refreshing the page. 我正在使用jquery / ajax提交表单而不刷新页面。
Here is my form code: 这是我的表单代码:
<div id="event_form">
<form name="event_submit" method="post" action="">
<label for="what" id="what_label">What is the event?</label>
<input type="text" name="what" id="what" class="entry_field" />
<br />
<label class="error" for="what" id="what_error">This field is required.</label>
<br />
<label for="where" id="where_label">Where is the event?</label>
<input type="text" name="where" id="where" class="entry_field" />
<br />
<label class="error" for="where" id="where_error">This field is required.</label>
<br />
<label for="when" id="when_label">When is the event?</label>
<input type="text" name="when" id="when" class="entry_field" />
<br />
<label class="error" for="when" id="when_error">This field is required.</label>
<br />
<label for="details" id="details_label">Additional details</label>
<textarea rows="8" cols="30" name="details"></textarea>
<br />
<input type="submit" value="Post Event" name="submit" class="submitButton" title="Click to post event" />
</form>
</div>
Here's my jquery/ajax: 这是我的jquery / ajax:
$(function() {
$('.error').hide();
$(".submitButton").click(function() {
// validate and process form
// first hide any error messages
$('.error').hide();
var what = $("input#what").val();
if (what == "") {
$("label#what_error").show();
$("input#what").focus();
return false;
}
var where = $("input#where").val();
if (where == "") {
$("label#where_error").show();
$("input#where").focus();
return false;
}
var when = $("input#when").val();
if (when == "") {
$("label#when_error").show();
$("input#when").focus();
return false;
}
var dataString = 'what='+ what + '&where=' + where + '&when=' + when;
//alert (dataString);return false;
$.ajax({
type: "POST",
url: "event_submit.php",
data: dataString,
success: function() {
$('#event_form').html("<div id='message'></div>");
$('#message').html("<h2>Event Submitted!</h2>");
}
});
return false;
});
});
And here's the php: 这是PHP:
<?php
include "conf.php";
if ((isset($_POST['what'])) && (strlen(trim($_POST['what'])) > 0)) {
$what = stripslashes(strip_tags($_POST['what']));
} else {$what = 'No description of the event entered.';}
if ((isset($_POST['where'])) && (strlen(trim($_POST['where'])) > 0)) {
$where = stripslashes(strip_tags($_POST['where']));
} else {$where = 'No location entered for the event.';}
if ((isset($_POST['when'])) && (strlen(trim($_POST['when'])) > 0)) {
$when = stripslashes(strip_tags($_POST['when']));
} else {$when = 'No time entered for the event.';}
if ((isset($_POST['details'])) && (strlen(trim($_POST['details'])) > 0)) {
$details = stripslashes(strip_tags($_POST['details']));
}
if(isset($details)){
mysql_query("INSERT INTO `events` (`school_id`, `what`, `where`, `when`, `details`) VALUES ('$school_id', '$what', '$where', '$when', '$details')") or die(mysql_error());
}
else {
mysql_query("INSERT INTO `events` (`school_id`, `what`, `where`, `when`) VALUES ('$school_id', '$what', '$where', '$when')") or die(mysql_error());
}
exit;
?>
On the page that the form is on, there is a "$school_id" given in the url as ?school=1687 or whatever. 在表单所在的页面上,URL中以?school = 1687或其他形式给出了“ $ school_id”。 I can retrieve that on the form page with $_GET, but how can I pass this variable to the ajax/php?
我可以使用$ _GET在表单页面上检索它,但是如何将这个变量传递给ajax / php? I need to insert it in the table as a variable.
我需要将其作为变量插入表中。
What about something like 怎么样
<input type="hidden" name="schoolid" value="<?php echo $_GET['school_id']; ?>">
in your form? 以您的形式? Please understand, that echoing the unsanitized GET parameter is for illustration purposes only - it makes you wide open to CSS!
请理解,回显未经消毒的GET参数仅出于说明目的-它使您对CSS敞开心open!
You could just use a hidden input. 您可以只使用隐藏的输入。 Something like:
就像是:
<input type="hidden" id="school_id" value="<?php echo $school_id" />
then tack it onto your data variable: 然后将其添加到您的数据变量中:
var dataString = 'school_id='+$('#school_id').val()+'&what='+ what + '&where=' + where + '&when=' + when;
then retrieve it on your php page: 然后在您的php页面上检索它:
$school_id = $_POST['school_id'];
Try: 尝试:
//Retrieving $_GET['school_id'] and passing as JSON object
var school_id = <?php echo $_GET['school_id']; ?>
var dataString = { 'what': what, 'where' : where, 'when': when, 'school_id': school_id }
$.ajax({
type: "POST",
url: "event_submit.php",
data: dataString,
type: json,
success: function() {
$('#event_form').html("<div id='message'></div>");
$('#message').html("<h2>Event Submitted!</h2>");
}
});
You can access it as $_POST['school_id']
on event_submit.php
. 您可以在
event_submit.php
上以$_POST['school_id']
的event_submit.php
进行event_submit.php
。
Add a hidden field in the form like the following 在表单中添加一个隐藏字段,如下所示
<input type="hidden" id="school_id" value="<?php echo $_REQUEST['school']; ?>" />
Now in jQuery script you can simply get all the form elements values by a single line code 现在,在jQuery脚本中,您只需通过一行代码即可获取所有表单元素值
var dataString = $('#form-id-here').serialize();
Then send it though ajax 然后通过ajax发送
$.ajax({
type: "POST",
url: "event_submit.php",
data: dataString,
success: function() {
$('#event_form').html("<div id='message'></div>");
$('#message').html("<h2>Event Submitted!</h2>");
}
});
Finally change the mysql insert query as the followig 最后将mysql插入查询更改为followig
mysql_query("INSERT INTO `events` (`school_id`, `what`, `where`, `when`, `details`) VALUES ('".$_POST['school_id']."', '$what', '$where', '$when', '$details')") or die(mysql_error());
I think now you have all the things needed. 我想现在您拥有了所有需要的东西。 Enjoy :)
请享用 :)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.