how to append data when use ajax?

Asked May 04 '18 at 14:33

Active May 04 '18 at 14:38

Viewed 69 times

I want to add modal when button click with ajax request

public static string CreateCompanyPartial(string path)
{
    using (WebClient client = new WebClient())
    {
        client.Encoding = Encoding.UTF8;
        string url = path + "/CompanyProfils/CompanyCreateModalPartial";
        string content = client.DownloadString(url);
        return content;
    }
}

This is my request

$.ajax({
    type: "Get",
    data: {
        path: common
    },
    url: commonapi + "/api/CompanyProfilsApi/CreateCompanyPartial/",
    success: function (data) {
        console.log(data)
        $('#companyModal').append(data)
    }
})

I'm trying append page, request is okay and getting data but not append all of them. Have a limit append function? Please for help.

edited May 04 '18 at 14:38

Peter B

22,460
5
32
69

asked May 04 '18 at 14:33

Bilal Tüylü

1

What's html look like? Have you tried doing `$('#companyModal').html(data)` – acaputo May 04 '18 at 14:35
Yes exist .image is $('#companyModal')'s html – Bilal Tüylü May 04 '18 at 14:36
@acaputo yes i tried but same result – Bilal Tüylü May 04 '18 at 14:37
I added in body @Taplar – Bilal Tüylü May 04 '18 at 14:38
1

I intentionally asked if you verified it **logically**. Verifying that an element exists logically is performing a `console.log($(selector).length)` in the logic immediately before you try to use an element. If it prints out 0, it's not being found. – Taplar May 04 '18 at 14:39
i tried and prints 1 – Bilal Tüylü May 04 '18 at 14:43
Alright, so it's finding the element. And I may have read your question wrong. Are you saying it appending but not appending all the data? – Taplar May 04 '18 at 14:44
append function is working but problem is not append all . Page have 1500 line but it append only 283 line . – Bilal Tüylü May 04 '18 at 14:45
And the data is showing the 1500 lines returned? – Taplar May 04 '18 at 14:46
yes data showing 1500 line – Bilal Tüylü May 04 '18 at 14:47
Dumb question, but after the data can you confirm that modal doesn't have any hidden classes? – acaputo May 04 '18 at 14:47
1

Then I might suggest you look at the results at around the 283 line point. You may have some invalid html being generated that is fubaring it. – Taplar May 04 '18 at 14:47
1

I've never liked passing HTML via AJAX. I much prefer passing JSON objects and then building the HTML in javascript. – itsme86 May 04 '18 at 14:50
and i try sent data with viewbag then it is working .problem after the page loads call – Bilal Tüylü May 04 '18 at 14:50
And I tried $('#companyModal').load(url,data) but same result. – Bilal Tüylü May 04 '18 at 15:00
Silly question, how large is your response from the server (the returned markup)? Possible answer here if > 512 bytes: https://stackoverflow.com/questions/3794835/limit-of-jquerys-append – Ryan C May 04 '18 at 15:13
Yes it is worked get all data but this time scripts not work:( – Bilal Tüylü May 04 '18 at 15:22
have you tried copying the data from the console and pasting it into an [html validator](https://validator.w3.org/#validate_by_input)? – UltrasoundJelly May 05 '18 at 23:03
I found problem.Problem is script files before loaded to ajax data . If ı can do reload script file after ajax request it will be . – Bilal Tüylü May 07 '18 at 07:47

how to append data when use ajax?

0 Answers0