/Javascript/jQuery/Django restframework jquery post

Django restframework jquery post

$.ajax({
    type:'POST',
    url:'api/v1/comments/',  // switch to the API view url
    contentType: 'application/json',  // tell ajax to send it as `json` content
    data:{
      post_id:$('#post_id').val(),
      origin_path:$('#origin_path').val(),
      parent_id:$('#parent_id').val(),
      csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val()
    },
    success:function(json){

Source: stackoverflow.com

Django restframework jquery post

<script>
     $('#commentForAjax' ).submit(function(e){
      e.preventDefault();

      $.ajax({
        type:'POST',
        url:'comment/create/',  // make sure , you are calling currect url
        data:$(this).serialize(),
        success:function(json){              
          alert(json.message); 
          if(json.status==200){
             var comment = json.comment;
             var user = json.user;
             /// set `comment` and `user` using jquery to some element
           }             
        },
        error:function(response){
          alert("some error occured. see console for detail");
        }
      });
     });

Source: stackoverflow.com

Django restframework jquery post

$('form').submit(function(e) {
    e.preventDefault();
    if ($(this).parents("tr") != 0) {
        parent_id = $(this).parents("tr").attr("id").split("_")[1];
        data_str = $(this).serialize() + "&parent_id=" + parent_id;
    } else {
        data_str = $(this).serialize();
    }
    $(this).parents("tr").attr("id").split("_")[1]
    $.ajax({
        type: 'POST',
        url: '{% url 'comment_create' %}',
        data: data_str,
        success: function(json) {
            alert(json.message);
            if (json.status == 200) {
                var comment = json.comment.trim();
                var user = json.user;
                if (!json.parent) {
                    $(comment).insertBefore('.table tr:first');
                } else {
                    $(comment).insertBefore('#comment_' + json.parent_id + ' #child_comment:first');
                    $(".replies").text("답글" + json.comment_count + "개 모두 보기");
                }
            }

        },
        error: function(response) {
            alert("some error occured. see console for detail");
        }
    });
});

Source: stackoverflow.com

Django restframework jquery post

    function newModule() {

        var my_data = $("#my_element").val(); // Whatever value you want to be sent.

        $.ajax({
            url: "{% url 'modules' %}",       // Handler as defined in Django URLs. 
            type: "POST",                     // Method.
            dataType: "json",                 // Format as JSON (Default).
            data: {
                path: my_data,                // Dictionary key (JSON). 
                csrfmiddlewaretoken: 
                         '{{ csrf_token }}'   // Unique key.
            },

            success: function (json) {

                // On success do this.

            },

            error: function (xhr, errmsg, err) {

                // On failure do this. 

            }

        });

Source: stackoverflow.com

Similar codes

0 vote188 views1 answer
Jquery check if input is empty on keyup
Javascript jQuery
30 votes161 views6 answers
Jquery find by data attribute
Javascript jQuery
0 vote138 views1 answer
Jquery duplicate last table row
Javascript jQuery
111 votes312 views6 answers
Jquery on ready
Javascript jQuery
0 vote146 views1 answer
Jquery set focus on first input which is not readonly
Javascript jQuery
21 votes144 views3 answers
Jquery scroll to position
Javascript jQuery
12 votes155 views2 answers
Download jquery 3.1.1
Javascript jQuery
0 vote153 views1 answer
Jquery select2 tab open
Javascript jQuery
0 vote146 views1 answer
Jquery id value input
Javascript jQuery
2 votes251 views5 answers
Convert javascript to jquery converter online tool
Javascript jQuery