AJAX 调用不能与 &# 一起使用？

Question

我在使用 JQuery ajax 时遇到问题。我正在调用一个 aspx 文件。但这是奇怪的部分，如果我有一个接一个的字符 ，那么它就行不通了。它适用于其他一切（我认为）。但只有这两个字符一个接一个。他们单独工作，所以就像 # 或只是 &。

这是我正在使用的代码：

function CreateNewItem() {
$.ajax({
    url: 'List.aspx',
    data: ({ Callback: "CreateNewItem", ListID: currentList, ItemSubject: $('#editContentTitle').val(), ItemText: $('#editContentBox').val(), Author: author }),
    type: "POST",
    dataType: "json",
    success: function (newItem) {
        if (newItem.status == "success") {
            $('#ItemBoxDiv').append(GetItemHTML(newItem.itemID, newItem.itemSubject, newItem.itemText, author, newItem.itemPosted, newItem.itemCompleted));
            RestartAccordion();
        }
        else
            ErrorOccured('The message could not be created due to the following reason\\n' + newItem.errorMessage);
    },
    failed: function (data) {
        ErrorOccured('The item could not be created, an unknown error occured and the ajax request/response was incorrect');
    }
});
}

因此，当我使用普通文本时，我会返回一个 JSON 对象，其中变量状态设置为成功。例如，当我跳过输入作者时，我会返回一个 JSON 对象，其中变量状态设置为失败。但是当我尝试 我得到一个空值时，aspx 页面甚至没有被击中。我已经对 aspx 页面进行了广泛的测试，但是其中一个有效，当发布这 2 个字符时，该方法永远不会被调用。

我在尝试保存论坛地址时发现了这个问题：

论坛.aspx?g=posts&t=194post1536

有什么想法吗？

Answer 1

在传递到服务器之前对所有数据进行编码。

data: ({ 
    Callback: "CreateNewItem", 
    ListID: currentList, 
    ItemSubject: encodeURIComponent($('#editContentTitle').val()), 
    ItemText: encodeURIComponent($('#editContentBox').val()), 
    Author: author 
}),

希望这会有所帮助

Answer 2

你得到一个空返回，因为 URI 上下文中的 #post1536 是一个内部页面锚。

如果 #post1536 是 ID 指示器，那么您应该尝试将其更改为 &postId=1536。

我不熟悉您发送数据的方式。根据 jQuery.ajax() 的 API，这种发送数据的方法虽然需要同步（用户阻塞）请求。我总是以字符串或散列的形式发送参数。此外，您的回调函数与执行 ajax 的函数相同。您不需要这样做，因为“成功”是您的回调。尝试以下方法：

var params = "ListId=" + currentList + "&ItemSubject=" + $('#editContentTitle').val() + "&ItemText=" + $('#editContentBox').val() + "&Author=" + author;
$.ajax({
    url: 'List.aspx',
    data: params,
    type: "POST",
    dataType: "json",
    success: function (newItem) {
        if (newItem.status == "success") {
            $('#ItemBoxDiv').append(GetItemHTML(newItem.itemID, newItem.itemSubject, newItem.itemText, author, newItem.itemPosted, newItem.itemCompleted));
            RestartAccordion();
        }
        else
            ErrorOccured('The message could not be created due to the following reason\\n' + newItem.errorMessage);
    },
    failed: function (data) {
        ErrorOccured('The item could not be created, an unknown error occured and the ajax request/response was incorrect');
    }
});

Answer 3

应该没有理由发送带有哈希标签的服务器请求，它只与客户端相关。我建议在请求之前将其剥离。

关于为什么会发生的理论。如果您发出请求的 url 与您当前所在的 url 相同，则浏览器可能不会尝试发出请求，因为它会假定您正在尝试访问当前页面中的书签。不过只是猜测。

将哈希标记更改为查询字符串的示例。

var url = "Forum.aspx?g=posts&t=194&#post1536".replace("#post", "post="); // returns Forum.aspx?g=posts&t=194&post=1536

丰富