使用ajax和jquery将数组发送到codeigniter（php）控制器，并在现有已加载页面上加载页面（在任何div中）

Question

function showmypage(calculated){

    var sorteddata = JSON.stringify(calculated);
    myurl = URL + 'personalloan/getPLOffersbyfilter/eligibility';
    var request = $.ajax({
        url: myurl,
        method: 'POST',
        data: {data:sorteddata},
        dataType: 'html'
        }).done(function(msg){
    $(".divoffersfilter").load(myurl);//here is error
    console.log(msg);
    });

}

I want to send array (calculated is array name) to the controller and this and load a dynamic PHP page using content in that array. But, here it treats ".load()" function separately. the ajax is processing the request and giving back the response but the response is not loaded on view file .

Answer 1

Note that you are making two ajax requests to the same URL.

The first one is with the code

var request = $.ajax({
     url: myurl,
     ...

The second ajax call is in your .done block.

$(".divoffersfilter").load(myurl);

The .load() function is shorthand that essentially amounts to this.

$.ajax({
        url: myurl,
        method: 'GET',
        success: function(data){
                $(".divoffersfilter").html = data;
            }
        });

Without seeing the code that executes at the URL it is not possible to provide advice on which ajax approach to use. But you probably should not use both.