JQuery / AJAX проблема

Question

Что-то не так в моем коде?Когда я запускаю программу, процесс ничего не делает.Я хочу получить информацию с помощью функции jQuery ajax, из двух функций моего контроллера я использую платформу Codeigniter.Я получаю доступ к функциям по url: $ (". SelectSubCategory"). Load ("location / func2") .Но, как я уже сказал, ничего не происходит.

$(document).ready( function() {

    $(".SelectCategory").change( function() {
        var category=$(this).val();
        var dataString = 'category='+ category;
        $.ajax
        ({
            type: "POST",
            url: $(".SelectSubCategory").load("location/func2"),
            data: dataString,
            cache: false,
            success: function(html) {
                $(".SelectSubCategory").html(html);
            }
        });
    });
    $(".SelectSubCategory").change( function() {
        var category=$(this).val();
        var dataString = 'category='+ category;
        $.ajax
        ({
            type: "POST",
            url: $(".SelectFunction").load("location/func"),
            data: dataString,
            cache: false,
            success: function(html) {
                $(".SelectFunction").html(html);
            }
        });
    });
});

Answer 1

Почему вы назначаете объекты jQuery для опции URL вызовов ajax * 1001 то есть *

url: $(".SelectSubCategory").load("location/func2")
url: $(".SelectFunction").load("location/func")

Параметр url должен быть действительным URL-адресом того же домена, с которого загружается страница.

Что-то вроде: url:"location/func2" или url:"do/something/file.php" и т.д.

Answer 2

Вам нужно сначала набрать URL, а затем сделать вызов ajax. Примерно так:

$.ajax({
    url:"location/func2",
    success: function(html) {
        $.ajax({
            type: "POST",
            url: val,
            data: dataString,
            cache: false,
            success: function(html) {
                $(".SelectSubCategory").html(html);
            }
        });
    }
});