我正在创建一个简单的表单,将数据发布到MySQL。你在想为什么POST而不GET?这个表单中有一个描述字段,它允许使用许多字符,并且考虑到GET有其字符限制,我选择使用POST。
别再说了,这是我的HTML表单。
<form name="addExperienceForm" id="addExperienceForm" style="display:none;">
Title:<input type="text" name="title" id="title" />
From:<input type="text" name="startDate" id="startDate" />
To:<input type="text" name="endDate" id="endDate" />
Description:<textarea type="message" name="description" id="description"></textarea>
<input type="button" value="Submit" onclick="addUserExp()"/>
</form>
以下是表单中日期框的jQuery Datepicker代码:
//allow a date range to be selected
$("#startDate").datepicker({
changeMonth : true,
changeYear : true,
dateFormat : "M,yy",
})
$("#endDate").datepicker({
changeMonth : true,
changeYear : true,
dateFormat : "M,yy",
})
这是AJAX函数调用:
function addUserExp(){
var title = document.getElementById('title').value;
var startDate = document.getElementById('startDate').value;
var endDate = document.getElementById('endDate').value;
var description = document.getElementById('description').value;
var str = "title="+title+"start="+startDate+"end="+endDate+"desc="+description;
var req = getXMLHTTP();
if(req){
req.onreadystatechange = function(){
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
document.getElementById('addNewExp').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:'n" + req.statusText);
}
}
}
}
req.open("post", "addExperience.php", true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send(str);
}
我怀疑问题出在AJAX调用中,可能与我的"str"变量有关。
我还没有测试过你的代码,但str不应该是:
var str = "title="+title+"&start="+startDate+"&end="+endDate+"&desc="+description;
经过无数小时的代码审查,我终于意识到我的PHP代码就是问题所在。
之前:
<?php
$title = $_POST['title'];
$startDate = $_POST['startDate'];
$endDate = $_POST['endDate'];
$description = $_POST['desc'];
echo $title;
echo $startDate;
echo $endDate;
echo $description;
?>
以及之后:
<?php
$title = $_POST['title'];
$startDate = $_POST['start'];
$endDate = $_POST['end'];
$description = $_POST['desc'];
echo $title;
echo $startDate;
echo $endDate;
echo $description;
?>
注意$post变量没有反映我的JS字符串。
感谢所有提供帮助的人。
使用jQuery处理AJAX请求会容易得多:
function addUserExp(){
var title = document.getElementById('title').value;
var startDate = document.getElementById('startDate').value;
var endDate = document.getElementById('endDate').value;
var description = document.getElementById('description').value;
$.post("addExperience.php", { "title": title, "start": startDate, "end": endDate, "desc":description })
.done(function(data) {
document.getElementById('addNewExp').innerHTML=data;
})
.fail(function() {
alert("There was a problem with request.");
});
}
你可以在这里阅读更多关于$.post的信息。