jquery - 在 ajax 请求中重新加载数据

Question

我有一个由 jQuery 发送的 Ajax 请求，返回的 xmldata 被加载到数据存储中:

$.ajax ({
    url:..,
    data:..,
    type:'GET',
    dataType:'xml',
    success: function (xmlResult,xhr){
        d=$(xmlResult);
        store = new Ext.data.XMLStore({
            data:d,
            ....
        )}
    }
})

我是否可以根据用户请求刷新 xmldata，例如调用 .reload() 函数？

Answer 1

只需将该 ajax 请求封装在一个函数中，并在需要刷新数据时调用该函数即可。

function getData(){
    $.ajax ({
        url:..,
        data:..,
        type:'GET',
        dataType:'xml',
        success: function (xmlResult,xhr){
            d=$(xmlResult);
            store = new Ext.data.XMLStore({
                data:d,
                ....
            )};
        }
    });
}

您可以通过单击按钮来触发它...

<!--HTML-->
<button id="reloadButton">Reload</button>

//JS
$('#reloadButton').click(function(){
    getData();
});

甚至设置使用计时器重新加载

var t=setTimeout("getData()", 5000); //Refresh every 5 seconds