javascript - JavaScript 文件中的 XML 错误

Question

当我在 Firefox 中执行这个 JavaScript 文件时；

    <script type="text/javascript" >
        $(function () {
            $(".comsubmit").click(function () {
                var comsn = $("#comsn").val();
                var comrn = $("#comrn").val();
                var compic = $("#compic").val();
                var comment = $("#comment").val();
                var eventid = $("#eventid").val();
                var dataString = 'comsn=' + comsn + '&comrn=' + comrn + '&compic=' + compic + '&comment=' + comment + '&eventid=' + eventid;
                if (comment == '') {
                    alert('Must Type Comment to Post Comment');
                } else {
                    $("#flash").show();
                    $("#flash").fadeIn(400).html('<img src="assets/uploading.gif" />Loading Comment...');
                    $.ajax({
                        type: "POST",
                        url: "comments_post.php",
                        data: dataString,
                        cache: false,
                        success: function (html) {
                            $("ol#update").append(html);
                            $("ol#update li:last").fadeIn("slow");
                            $("#flash").hide();
                        }
                    });
                }
                return false;
            });
        });
    </script>

我收到此错误

Error: missing } in XML expression
Line: 31, Column: 2
Source Code:
}); }); 

箭头指向第一个分号和空格之间。

我该如何修复此错误？

Answer 1

关于您的代码的一些评论:

1. 执行 POST 请求时不需要 cache: false 选项。

2. 不要将参数连接到 dataString 中，而是让 jQuery 处理格式化和转义:

   $.ajax({
       type: "POST",
       url: "comments_post.php",
       data: { 
           comsn: comsn, 
           comrn: comrn, 
           compic: compic, 
           comment: comment, 
           eventid: eventid
       },
       success: function (html) {
           $("ol#update").append(html);
           $("ol#update li:last").fadeIn("slow");
           $("#flash").hide();
       }
   });
   

3. 检查 comments_post.php 返回的 Content-Type header 。如果未正确设置(例如，如果设置为 text/xml)，jQuery 可能会尝试解析返回的 XML，而实际上您返回的是 HTML。