Having trouble passing multiple parameters in a jQuery AJAX request?

Question

Having trouble passing multiple parameters in a jQuery AJAX request?

I'm currently working on implementing a .NET web service (asmx) using JSONP with guidance from this helpful tutorial.

When I try calling my webservice with only one parameter, everything runs smoothly. However, the moment I attempt to call it with multiple parameters, I encounter a frustrating Network 500 error. I attempted to apply the solution mentioned in this Stack Overflow thread: Pass Multiple Parameters to jQuery ajax call, by using

"data: JSON.stringify({ jewellerId: filter, locale: 'en-US' }),"

. Alas, it failed to work.

Here is the script I have been working with:


function getData() 
{
    var key = "123";
    var code = "12458";
    jQuery.ajax({ url: http://service.com/test.asmx,
        data: JSON.stringify({ Key: key, Code: code }),
        dataType: "jsonp",
        success: function(json) 
        {
            alert(json.d);
        },
        error: function() {
            alert("Hit error fn!");
        }
    });
}

After making adjustments to the webservice to accept only one parameter, and modifying the data accordingly like so:

data: {Key: JSON.stringify("123") }

, everything worked perfectly.

Any advice or suggestions on how I can resolve this issue would be greatly appreciated.

jquery .net json web-services jsonp

Answer 1

Answer №1

Avoid converting the data into a string format when making GET requests, especially for jsonp requests.

function fetchData() {
    var id = "456";
    var name = "John";
    jQuery.ajax({ url: http://example.com/api/test.asmx,
        data: { ID: id, Name: name },
        dataType: "jsonp",
        success: function(response) {
            alert(response.data);
        },
        error: function() {
            alert("An error occurred!");
        }
    });
}

Answer 2

Avoid converting the data into a string format when making GET requests, especially for jsonp requests.

function fetchData() {
    var id = "456";
    var name = "John";
    jQuery.ajax({ url: http://example.com/api/test.asmx,
        data: { ID: id, Name: name },
        dataType: "jsonp",
        success: function(response) {
            alert(response.data);
        },
        error: function() {
            alert("An error occurred!");
        }
    });
}

Having trouble passing multiple parameters in a jQuery AJAX request?

Answer №1

Similar questions

A guide on retrieving and resetting the value of a radio button within a table

Python script to extract data from a JSON file

JQuery function fails to execute upon first page load

Provide the option to assign values on select options in order to choose specific JSON data

Is there a more efficient method for writing my jQuery code that follows a step-by-step approach?

"Successfully made an Ajax request to the web handler, however, the response did not

The struggles of using a jQuery tree with JSON data are real, especially when it comes to dealing with the

Implementing JSON Serializer Settings at a Global Scale in ASP.NET MVC

Having trouble with parsing JSON data in Swift?

Having trouble with my basic AJAX request; it's not functioning as expected

New update: Adjusting the chart by using the slider to modify the date values on the x-axis

Is there a way to obtain a compressed file using an archiver from a POST request?

Attempting to retrieve JSON data and present it in a grid layout

Using a URL in the fill property is a simple process that involves specifying

Generate instances of the identical class with distinct attributes

The cross-domain AJAX request fails to receive a response

Dominant Editing through ASP.Net Roles

JavaScript JSON YouTube API viewCount function is not functioning correctly

Get all the classes from the body element of the AJAX-loaded page and update the body classes on the current page with them

Require the capability to bypass inline CSS styling