使用 ajax (JQuery) 发送多个变量

Question

我试图在 JQuery Ajax 调用中发送 2 个变量，但由于某种原因，这两个变量最终都捆绑在第一个变量中：

function getNextQuestion(answer, queryType)
{    
    $.ajax
    ({
        async: false,
        url: 'handlers/question_hdlr.php',
        type: 'POST',
        data: "answer="+ answer +"&queryType=" + queryType,
        dataType: "json",
        success: function(result)
        {
           ...
        },error: function(XMLHttpRequest, textStatus, errorThrown)
        {
           alert ("error: "+textStatus);
        }
    });
    return false;
}

当我在调试器中运行它时，我只得到一个变量：

$_POST["answer"]，包含"answerqueryTypequeryType"

$_POST["queryType"] 不存在。

我做错了什么？

Answer 1

刚刚发现问题中的代码没有任何问题，唯一的问题是浏览器缓存的Javascript文件包含错字，即使问题已在工作副本上修复，但浏览器从未真正运行它。

解决方案是在脚本url中添加日期和时间作为参数，以防止浏览器使用缓存版本：

<script type="text/javascript" src="<?= $pathRoot ?>js/commline.js?<?= date(U);?>" />

这很好用。

Answer 2

您不必手动序列化您的数据。只需传递一个对象，jQuery 就会为您序列化它。

$.ajax({
    ...
    data: { answer: answer, queryType: queryType }
});

另外，永远不要使用async:false 发出 AJAX 请求。使用同步 XHR 请求从来没有正当理由。