2

我有这个 JQuery Ajax 表单。

$('#modal-body-sign-in').on('submit', '#sign-in', function(e) {
        e.preventDefault();
        var data = $(this).serialize();
        var url = $(this).attr('action');
        $.ajax({
            //this is the php file that processes the data and send mail
            url : url,
            type : "POST",
            data : data,
            dataType: "html",
            //Do not cache the page
            cache : false,
            //success
            success : function(data) {
                //console.log(data.content);

                console.log($(data));
                //$('#modal-body-sign-in').html(data);
            }
        });
    })

在响应中，当console.log(data); in the console it shows me the responded html我这样做时，console.log($(data));它给了我这个错误

未捕获的错误：语法错误，无法识别的表达式：

<html>
<head>
<style>
ul {
    margin: 0%;
}

ul li {
    display: inline;
    list-style-type: none;
    float: left;
}
</style>
<title>Insert title here</title>
</head>
<body>
    <!--  Ajax Container. DO NOT REMOVE THE DIV CONTENT  FOR AJAX ACCESS! -->
    <div id="content">
        <div id="modal-body">

            <form id="doLogin" name="doLogin" action="/HitPlay/doLogin" method="post">

                <fieldset>
                    <ul id="doLogin_" class="errorMessage">
            <li><span>Incorrect username or password</span></li>    </ul>

                <br/>           

                <br/>

                    <label>Username</label>                 
                    <input type="text" name="userBean.username" value="" id="doLogin_userBean_username"/>
                    <br/>
                    <label>Password</label>
                    <input type="password" name="userBean.password" id="doLogin_userBean_password"/>
                    <br />

                    <input type="submit" id="doLogin_0" value="Submit"/>

                </fieldset>
            </form>





        </div>

    </div>
</body>
</html> jquery-1.9.0.min.js:2
a.error jquery-1.9.0.min.js:2
f jquery-1.9.0.min.js:2
x jquery-1.9.0.min.js:2
a jquery-1.9.0.min.js:2
st.fn.extend.find jquery-1.9.0.min.js:2
st.fn.st.init jquery-1.9.0.min.js:1
st jquery-1.9.0.min.js:1
$.ajax.success localhost:59
f jquery-1.9.0.min.js:1
p.fireWith jquery-1.9.0.min.js:1
r jquery-1.9.0.min.js:3
r

我在做这个

  $(data)

因为我想获取响应的 HTML 页面的片段

4

2 回答 2

18

自从升级到 jQuery 1.9.x 后，我遇到了完全相同的问题。实际上，简单的 $(data) 会导致崩溃，仅此而已。我之前遇到过几次这个问题（没有 1.9 之前的版本），但我不记得它的问题了......

无论如何，这是一个完全阻塞的麻烦......仍在寻找原因和修复。

编辑：

如果我这样做：

$.ajax('/',function(html){
  html = $('<div></div>').append(html);
  $(html);
});

它工作正常。如果我做 ：

$.ajax('/',function(html){
  $(html);
});

它给了我一个（通过 FF 错误控制台）：

Erreur : Error: Syntax error, unrecognized expression: <div id="...">(...)
jquery.min.js - line : 4

编辑2：

好的找到了解决方案......经过长时间的搜索和测试： http ://stage.jquery.com/upgrade-guide/1.9/#jquery-htmlstring-versus-jquery-selectorstring

所以我现在做类似的事情：

$.ajax('/',function(html){
  $($.parseHTML(html));
});

无论如何，jQuery 总是把我的第一个元素和第一个元素混淆，但至少它有效

于 2013-02-26T12:50:02.020 回答
3

如果您使用的是 jQuery1.9，问题可能在于正在加载的内容。有一个新的更新要求响应中的第一个字符是< [AKA小于符号]。甚至空格也会导致它中断并抛出可怕的“未捕获的错误：语法错误，无法识别的表达式：”错误。

我建议在使用上面建议的解决方法之前检查一下。它不是一个错误，而是一项安全工作。

http://jquery.com/upgrade-guide/1.9/#jquery-htmlstring-versus-jquery-selectorstring

于 2013-04-30T17:49:20.590 回答