How to send large json data (250kb) to mysql database using ajax javascript php

Question

function saveProjectAjax(docsId, content) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function () {
        localStorage.setItem('upadateContent',JSON.stringify(content));
        if (this.readyState == 4 && this.status == 200) {
        }
    };

    xmlhttp.open("GET", "addProjectDetailBase.php?cu=true&pid=" + docsId+"&content="+encodeURIComponent(content), true);
    xmlhttp.send();
}

I want send my content (json) data from function which is large as of 250 kb through content parameter of my function

If you're going to send data to the back end, use POST instead of GET. POST is for sending data and GET is for getting data. You should also include your actual issue in the question. You have some code, what happens when you use it? Any error messages? — M. Eriksson
– M. Eriksson, Commented Jan 10, 2019 at 6:29
would you please provide me pure javascript code for post using ajax ? this may help me. :) — Nanhe Maurya
– Nanhe Maurya, Commented Jan 10, 2019 at 8:57

Anjana Silva · Accepted Answer · 2019-01-10 09:04:20Z

1

I agree with what @Magnus Eriksson said above. I will use POST instead of GET. Then I would use a key | value paired object and convert into a JSON string and send over to the server via 'POST'.

Here is an example below,

var xhr = new XMLHttpRequest();
var url = 'addProjectDetailBase.php'
xhr.open("POST", url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
    value: value
}));

Hope this helps,

Cheers.

answered Jan 10, 2019 at 9:04

Anjana Silva

9,3514 gold badges57 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nanhe Maurya Over a year ago

Thanks @Anjana I tried it, but it is returning null, would you please provide me both code to send and access through javascript and php. :)

Anjana Silva Over a year ago

@NanheMaurya : Did you replace the value with your parameters?

M. Eriksson Over a year ago

@NanheMaurya - Instead of sending them as json, just send them in the same format you already have: xhr.send("cu=true&pid=" + docsId+"&content="+encodeURIComponent(content));. Then you should be able to use the $_POST-super global in PHP to fetch the data (just like a normal form post). Here's a post about how to post data using Ajax

Anjana Silva Over a year ago

@NanheMaurya Glad to hear it worked :) Could you please accept my answer then :) Thank you.

Collectives™ on Stack Overflow

How to send large json data (250kb) to mysql database using ajax javascript php

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related