Could not call a WebMthod with parameters

Question

0.00/5 (No votes)

See more:

This is the development continuation of my thread
Get Data from WebMethod Using JQuery[^]
In previous scenario, I created a WebMethod GetData(). The code below works fine

JavaScript

<button id="submitButton" data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){
            var e = document.getElementById('routeID');
            var routeById = e.options[e.selectedIndex].text;
            var mA = document.getElementById('MeasureA').value;
            var mB = document.getElementById('MeasureB').value; 
            debugger; 
            $.support.cors = true;
            var ajaxData;
            $.ajax( {
                  type:'Get',
                  url: 'SOEDefault.aspx/GetData()',
                  dataType: 'text',
                  data:  '{}',
                  contentType: 'application/json; charset=utf-8',
                  crossDomain : true,
                  success:function(results) {
                    console.log('Success!');
                    debugger; 
                    ajaxData = results;
                  }, 
                  error: function(xhr, status, error) { 
                    debugger;
                    console.log(error);
                  }
                });

...
Now I added three parameters for the GetData(routeID, mA, mB)'. The 3 parameters are the values from textboxes or dropdownlist. I also revised the GetData methods with 3 parameters in .aspx.cs. However, when I click the button, I got "Internal Server Error". Please advise me what's wrong in my JavaScript code. Thanks.

Posted 9-Jan-14 3:32am

Member 10454592

Updated 9-Jan-14 3:34am

Pete O'Hanlon

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pete O'Hanlon · Answer 1 · 2014-01-09T03:38:00

Solution 1

You aren't actually supplying any data to the ajax call. You need to set your dataType to json rather than text, and set data as:

JavaScript

data: JSON.stringify({routeID: routeById, mA: mA, mB: mB}),

Posted 9-Jan-14 3:38am

Pete O'Hanlon

Comments

[no name] 9-Jan-14 9:44am

Pete: Thanks for your advice. But I received an error: Microsoft JScript runtime error: 'JSON' is undefined. How to handle it?

Pete O'Hanlon 9-Jan-14 9:47am

You can reference the JSON script, which you can download from http://www.json.org/js.html.

[no name] 9-Jan-14 9:57am

Per your advice, I got JSON.js from https://github.com/douglascrockford/JSON-js/blob/master/json.js. In my .aspx, I added it
<script src="Scripts/JSON.js" type="text/javascript"></script>
But when I run debugging, got Microsoft JScript runtime error: 'undefined' is null or not an object. Any new advice? Thanks.

Pete O'Hanlon 9-Jan-14 10:01am

Well, one that that stands out is that you should be using POST rather than GET and remove the brackets from the method name in your URL.

[no name] 9-Jan-14 10:06am

Changed like that
$.ajax( {
type:'POST',
url: 'SOEDefault.aspx/GetData(routeById, mA, mB)',
data: JSON.stringify(routeByID:routeById, mA:mA, mB:mB),
...
But still get Microsoft JScript runtime error: 'undefined' is null or not an object

Pete O'Hanlon 9-Jan-14 10:11am

Change your URL to SOEDefault.aspx/GetData, and put a breakpoint in the JavaScript to see if any items are undefined.

[no name] 9-Jan-14 10:17am

Changed from
url: 'SOEDefault.aspx/GetData(routeById, mA, mB)',
data: JSON.stringify(routeByID:routeById, mA:mA, mB:mB),
to
url: 'SOEDefault.aspx/GetData',
data: JSON.stringify(routeByID:routeById, mA:mA, mB:mB),
Still got Microsoft JScript runtime error: 'undefined' is null or not an object

Pete O'Hanlon 9-Jan-14 10:32am

Have you put a breakpoint in yet? Use the debugger; to trip this.

[no name] 9-Jan-14 10:43am

I put debuggers before $.ajax and in $.ajax({ ... error:function(xhr, status, error) {
debugger;
console.log(error);
It does hit the script but shows Microsoft JScript runtime error: 'undefined' is null or not an object after I click the button for the function, it goes
protected void Page_Load(object sender, EventArgs e) {
if (!Page.IsPostBack) {
GetData("A1","100","1000");
and loads the data, and then pops up Microsoft JScript runtime error: 'undefined' is null or not an object. Any hint? Thanks.