$ .ajax gibt keine Daten zurück

Question

Ich versuche, Daten an den Server zu senden und einen Datensatz zurück zu bekommen. Was ich zurückbekomme, ist der HTML-Code für die ganze Seite AND, es löst nicht die Action in meinem Controller aus. Und ja - JQuery ist immer noch verwirrend für mich.

Der Code, den ich zur Zeit habe, ist:

function updateNavIndex(pageIndex) { 
    var filters = $("form").serialize(); 
    var productGroup = $("#valProductGroup").attr('title'); 
    var productType = $("#valProductType").attr('title'); 
    var itemsPerPage = $("#ItemsPerPage").val(); 

    $.ajax({ path: "/CatalogAjaxController/UpdateNavigation" 
      , type: "POST" 
      , data: "{ productGroup: " + productGroup + ", productType: " + productType + ", itemsPerPage: " + itemsPerPage + ", pageIndex: " + pageIndex + ", filters: " + filters + "}" 
      , success: function(data) { handleMenuData(data); } 
    }); 
    $.ajax({ path: "/CatalogAjaxController/UpdateProducts" 
      , type: "POST" 
      , data: "{ productGroup: " + productGroup + ", productType: " + productType + ", itemsPerPage: " + itemsPerPage + ", pageIndex: " + pageIndex + ", filters: " + filters + "}" 
      , success: function(data) { handleProductData(data); } 
    }); 
} 

Die Callback-Funktion wird Auslösung und die Funktionsdefinition wie folgt aussieht:

function handleMenuData(data) { 
    $("#navigation ul").remove(); 
    } 

An diesem Punkt der „Daten“ Variable die HTML-Seite hat in es. (Und wie gesagt, die Aktion wurde nicht ausgelöst.) Ich denke, dass ich die $ ajax-Funktion nicht direkt aufrufen sollte, sondern eine var-Funktionsdefinition verwenden sollte. Etwas wie:

var retrieveMenuData = function(path, productGroup, productType, itemsPerPage, pageIndex, filter, fnHandleCallback) { 
    $.ajax(path 
      , type 
      , { productGroup: productGroup, productType: productType, itemsPerPage: itemsPerPage, pageIndex: pageIndex, filter: filter } 
      , function(data) { fnHandleCallback(data); }); 
}; 

Ich bin nicht sicher, ob ich es richtig definiert habe oder wie man es richtig nennt. Eine Hilfe ist erwünscht!

Answer 1

auch, haben Sie dort einige merkwürdige Zitate bekam .. die Syntax für data: ist mehr wie folgt aus:

Answer 2

Die Lösung kann ziemlich einfach sein.

Sie verwenden path: wo es sollte url:

Quelle: jQuery.ajax options list