How to Pass Data in ajax call using GET Method in javascript

Question

I am writing Unit Test Case In javascript using qunit. i am calling one URL using ajax call and using GET method but it is not calling URL. I am Providing Test below:

 QUnit.test( "Importing Grid", function(assert) {
    var done = assert.async();    
    var data = {
        "info": {"view":"LATEST","mode": 1,"memberId": 1001,"baselineId": -1}
    }
    console.log(cuboid_id+" : "+cuboid_name);
    $.ajax({
        url: Globals.baseURL + "rest/grid/"+cuboid_id,
        type: "GET",
        dataType: "application/json",
        data: JSON.stringify(data),
        contentType: "application/json",
        success: function(result){                
            console.log(JSON.stringify(result));                                                       
            assert.equal(result !=null,true,"Response should not be null");               
            assert.equal(result[0].error,"Whitebaord ID NOT FOUND","InValid Whiteboard ID");               
            done();
        }
    });
});

Can someone suggest me what to change in ajax Call?? I tried this stackoverflow answer but it is not working Thanks In Advance.

Possible duplicate of How to pass parameters in GET requests with jQuery — Hamza Abdaoui
– Hamza Abdaoui, Commented May 28, 2018 at 12:15
@HamzaAbdaoui here he is not passing parameters as key value pair but instead JSON object. — Pavan Divekar
– Pavan Divekar, Commented May 28, 2018 at 12:19
try removing dataType and data fields from ajax. if you want to send data in get, append those fields in url, or use post. — Ronn Wilder
– Ronn Wilder, Commented May 28, 2018 at 12:21
Request with GET/HEAD method cannot have body. This will create TypeError as it will fail to execute fetch on window. You should use query param in the url to send data. — Pavan Divekar
– Pavan Divekar, Commented May 29, 2018 at 9:44

Herlangga Sefani · Accepted Answer · 2018-05-28 12:29:23Z

try this

$.ajax({
    url: Globals.baseURL + "rest/grid/"+cuboid_id,
    type: "GET",
    dataType: "application/json",
    data: {some_query_var : JSON.stringify(data)},
    contentType: "application/json",
    success: function(result){
        console.log("***********************++++++++++++++*************************");
        console.log(JSON.stringify(result));                                                       
        //assert.equal(result !=null,true,"Response should not be null");               
        //assert.equal(result[0].error,"Whitebaord ID NOT FOUND","InValid Whiteboard ID");
        assert.equal(1,1); 
        done();
    }
});

"dataType json" in ajax jquery doesn't mean for formating JSON string in "data" attribute .. you still need the query variable passing in the "data" attribute. wich is in this is case i use some_query_var.

Collectives™ on Stack Overflow

How to Pass Data in ajax call using GET Method in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related