How do i import the extracted Json data to database

Question

I am trying to fetch movie information from omdbapi.So far i have this code which is extracting data from imdb using omdb api.But i want import that data to my database.how do i accomplish that.

my code look like this

    <form>
<input type="text"  id="tst"/>
<input type="button" value="search"  id="btn"/>
</form>
<table class="table table-hover" id="imdb">
        <thead>
            <tr>
                <th>Poster</th>
                <th>Title</th>
                <th>Year</th>
                <th>Rated</th>
                <th>Runtime</th>
                <th>Genre</th>
                <th>Director</th>
                <th>Actors</th>
                <th>Plot</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

This is jquery code i am using to fetch the movie information

$(document).ready(function () {
          $('#btn').click(function(){
              var imdbid=$('#tst').val();
               var url = "http://www.omdbapi.com/?i="+imdbid+"&plot=short&r=json"
        $.ajax({
        url:url,
        dataType:'json',
        success:function (json) {
            var tr;
        tr = $('<tr/>');
        tr.append("<td><img src=" + json.Poster + " width='200' height='297'></td>");
        tr.append("<td>" + json.Title + "</td>");
        tr.append("<td>" + json.Year + "</td>");
        tr.append("<td>" + json.Rated + "</td>");
        tr.append("<td>" + json.Runtime + "</td>");
        tr.append("<td>" + json.Genre + "</td>");
        tr.append("<td>" + json.Director + "</td>");
        tr.append("<td>" + json.Actors + "</td>");
        tr.append("<td>" + json.Plot + "</td>");
        $('#imdb').append(tr);
        }
        })
              })
    });

Answer 1

You can create a json object from your api response(in same function where you are creating html).

 JSONData = JSON.stringify({
            "Title": Title,
            "Year": Year,
            "Rated" : Rated,
            ...........so on

        });
postDataToserver(JSONData);

And you can define your function to post data like -

function postDataToserver(JSONData)
    $.ajax({
        url: "your_server_script_path",
        type:"POST",
        data:JSONData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function(response) {
        error: function (error) {

        }
    });

If you want to send in simple post format not as JSON object then you don't need to use JSON.stringify and similarly in function remove contentype information. Hope this will help you.