添加文本時停止閃爍（清除框並重新填充）的算法

Question

我想知道是否有一些算法或資源會查看AJAX請求所做的更改，而不是更新整個框（導致閃爍）但只需添加/刪除所做的更改。

這是專門用於keypress命令的。

一個很好的例子是堆棧溢出「預覽」時，它不閃爍，當你添加更多的文本，它只是解析文本然後添加它（儘管我不確定它在stackoverflow的情況下使用AJAX）。

我使用jQuery像這樣：$('#content').html(response);

謝謝！ 馬特·穆勒

Answer 1

最好的（最靈活的方式）來完成這樣的事情會打破你的目標和響應成塊。返回一個類似{object-id: 'html source', ...}的json對象，並在更新之前檢查每個對象是否有與之相關的更改。

我猜你想要一個包羅萬象的分析解決方案，就像一個文本的區別掃描儀，可以只更新更改的部分 - 但是這創造了更多的不靈活的問題。因爲這是通過Ajax調用完成的，所以很難確定將返回什麼（如果它是有效的請求），以及它有多少已經改變。

作爲參考，在SO預覽使用，這是一個純粹的JavaScript解析。