Question

我有一个网页，可以在页面加载时动态创建网址。第一次点击这些链接时，他们调用ajax查询来加载页面数据，并且它完美地运行。但是，第二次不执行查询，并且数据与先前的加载保持相同。

以下是 activitylog.aspx 中的HTML代码，其中添加了URL项目：

<ul class="ver-inline-menu tabbable margin-bottom-10 incidentlist"></ul>

以下是在启动时运行的 activitylog.aspx 中的jQuery代码：

$(document).ready(function () {

    // Get Parameter Values
    var paramShiftId = getURLParameter('shift_id');
    var paramIncidentId = getURLParameter('incident_id');

    // Run Data Handler Query
    $.ajax({
        url: "queries/dataHandler_getShiftInfo.ashx",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: { shift_id: paramShiftId, incident_id: paramIncidentId },
        responseType: "json",
        success: OnViewComplete,
        error: OnViewFail
    });
    return false;

    function OnViewComplete(result) {

        //Cycle Through JSON Rows
        $.each(result.aaData, function (i, row) {
             $(".incidentlist").append("<li><a href=\"activitylog.aspx?shift_id=" + row.SHIFT_ID + "&incident_id=" + row.INCIDENT_ID + "\">" + row.INC_NUMBER + " </a></li>");
        }
     }


});

如何创建每次都会加载刷新页面的动态网址？

Answer 1

Ajax与no need to reload a page ...

有关

$(function(){
    var paramShiftId = getURLParameter('shift_id');
    var paramIncidentId = getURLParameter('incident_id');
    loadData(paramShiftId, paramIncidentId);
})();


function loadData(paramShiftId, paramIncidentId) {

    // Run Data Handler Query
    $.ajax({
        url: "queries/dataHandler_getShiftInfo.ashx",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: { shift_id: paramShiftId, incident_id: paramIncidentId},
        responseType: "json",
        success: OnViewComplete,
        error: OnViewFail
      });
}

function OnViewComplete(result) {
    $.each(result.aaData, function (i, row) {
         $(".incidentlist").append("<li><a href=\"javascript:loadData("+row.SHIFT_ID+","+row.INCIDENT_ID+")\">" + row.INC_NUMBER + " </a></li>");
    });
}
function OnViewFail(err){console.error(err);}

AJAX仅在首页加载时运行

1 个答案: