1

我正在创建一个将数据发布到 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”变量有关。

4

3 回答 3

1

我没有测试你的代码，但不应该是：

 var str = "title="+title+"&start="+startDate+"&end="+endDate+"&desc="+description;
于 2013-02-03T16:42:10.627 回答
0

经过无数小时的审查我的代码，我终于意识到我的 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 字符串。

感谢所有提供帮助的人。

于 2013-02-04T14:43:23.460 回答
-1

使用 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的更多信息。

于 2013-02-03T16:50:23.327 回答