How to pass data paramaters via AJAX in an ASP.NET WebService using jQuery

Question

Everything works fine when I run the method without including parameters, but when the method is run with parameters added, I get a 500 Internal Server Error. I am not sure what I am doing wrong, thanks for any help.

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

Included below is the code that I am currently using:

  [WebMethod]
    public static string UploadNewImage(string filePath,string ImageTitle,string ImageDescription,string ImageKeywords)
    {
    }
var parameters = "{'filePath':'" + fileuploadpathValue.val() + "','ImageTitle':'" +
                titleValue.val() + "','ImageDescription':'" + descriptionValue.val() + "','ImageKeywords:'" +
                    keywordsValue.val() + "'}";
 $.ajax({
                type: "POST",
                url: "../MainService.asmx/UploadNewImage",
                contentType: "application/json; charset=utf-8",
                data: parameters,
                dataType: "json",
                success: AjaxSucceeded,
                error: AjaxFailed
            });

found the solution here stackoverflow.com/questions/5558217/…. Thanks for all the help. — user516883
– user516883, Commented Aug 25, 2011 at 16:26

Baz1nga · Accepted Answer · 2011-08-25 15:46:46Z

1

change your parameters to as follows:

var parameters = {
filePath: fileuploadpathValue.val(),
ImageTitle:titleValue.val(),
ImageDescription:descriptionValue.val(),
ImageKeywords:keywordsValue.val()
};

or combine them as follows:

$.ajax({
                type: "POST",
                url: "../MainService.asmx/UploadNewImage",
                contentType: "application/json; charset=utf-8",
                data:  {
                    filePath: fileuploadpathValue.val(),
                     ImageTitle:titleValue.val(),
                     ImageDescription:descriptionValue.val(),
                     ImageKeywords:keywordsValue.val()
                     },
                dataType: "json",
                success: AjaxSucceeded,
                error: AjaxFailed
            });

also make sure that none of the val() here is null that is you dint have a value set on any of the above control if that is the csae you will get an error like "Null passed into parameter which does not accept null values"

edited Aug 25, 2011 at 15:46

answered Aug 25, 2011 at 15:25

Baz1nga

15.6k3 gold badges38 silver badges63 bronze badges

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

6 Comments

user516883 Over a year ago

I tried that and it doesnt work. It says its a server side error. When I take the parameters out it works fine, but it breaks with the parameters in there.

Baz1nga Over a year ago

@tsegay: I was concerned if jquery would encode the "" thinking its part of the string

tkt986 Over a year ago

@user516883, you can use firebug on Firefox to see where the server error is

user516883 Over a year ago

really doesnt respond with no error. This is very weird, my code looks very simular to alot of examples, yet still nothing. Firefox just showed me the same thing chrome did. No specific error to go on.

Baz1nga Over a year ago

please put in you server side code and also show us what values are being passed..

|

tkt986 · Accepted Answer · 2011-08-25 16:02:20Z

0

The problem is in your Json format,

This is working in my system,

 var parameters = '{"filePath": "'+fileuploadpathValue.val()+'","ImageTitle": "'+titleValue.val()+'","ImageDescription": "'+descriptionValue.val()+'","ImageKeywords": "'+keywordsValue.val()+'"}';
        $.ajax({
            type: "POST",
            url: "../MainService.asmx/UploadNewImage",
            contentType: "application/json; charset=utf-8",
            data: parameters,
            dataType: "json",
            success: AjaxSucceeded,
            error: AjaxFailed
        });
    });

Let me know if u need more in that

answered Aug 25, 2011 at 16:02

tkt986

1,0264 gold badges17 silver badges25 bronze badges

2 Comments

Baz1nga Over a year ago

you dnt need to build up your json the way you have done.. jquery handles it for you...

tkt986 Over a year ago

@zzzz, what do you need to pass for jquery to build the json for you. Here I am trying to correct the syntax error in the question. Other wise u can pass the four parameters as it is.

Collectives™ on Stack Overflow

How to pass data paramaters via AJAX in an ASP.NET WebService using jQuery

2 Answers 2

6 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Linked

Related