jquery ajax sending data

Question

contentType: "text/html; charset=utf-8",
url:"secret.aspx?plu="+$("#Text1").val()+"&gh="+$("#TextBox1").val()+"&sid="+$("#TextBox2").val(),
processData: false,
dataType: "html",
 success: function(data)

is it the above syntax correct to send the data recieved by the code below

string sid=Request.QueryString["sid"];
string id = Request.QueryString["plu"];
int ide =Convert.ToInt32(Request.QueryString["gh"]);
Response.write(sid);
Response.end();

or is there any other way to achieve the same

Did you run it and try?

Jonesopolis
– Jonesopolis

2014-04-26 17:29:01 +00:00
Commented Apr 26, 2014 at 17:29 — Jonesopolis
– Jonesopolis, Commented Apr 26, 2014 at 17:29
yupp,not working@jonesy

user3576554
– user3576554

2014-04-26 17:32:10 +00:00
Commented Apr 26, 2014 at 17:32 — user3576554
– user3576554, Commented Apr 26, 2014 at 17:32

MrCode · Accepted Answer · 2014-04-26 18:09:07Z

1

The only problem with that request is that it will break if you have any special characters in your input values.

A solution to that would be to pass a data object:

type:"GET",
url:"secret.aspx",
data: {
    plu : $("#Text1").val(),
    gh : $("#TextBox1").val(),
    sid : $("#TextBox2").val()
},
dataType: "html",

This encodes special characters to avoid breaking the key/value format. Alternatively you could keep them in the url but wrap each in encodeURIComponent(), which would have the same effect.

edited Apr 26, 2014 at 18:09

answered Apr 26, 2014 at 17:33

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

10 Comments

user3576554 Over a year ago

can this be retrieved using request.querystring @MrCode

MrCode Over a year ago

Yes. jQuery converts it to a querystring behind the scenes. It's functionally the same as your original code but with the proper encoding included.

MrCode Over a year ago

What happens if you navigate to the URL with your browser, passing some sample variables? to test the C# side.

MrCode Over a year ago

OK so now open up the error console (F12), look at the Net/Network tab and watch the ajax request. See if there are any errors and see what the URL its requesting is.

user3576554 Over a year ago

500 Internal Server Error

|

ExceptionLimeCat · Accepted Answer · 2014-04-26 17:46:19Z

0

You need to serialize your form data into the 'data' option of the ajax method. Also, specify the type of request as GET if you want to use the query string.

type: 'GET'
contentType: "text/html; charset=utf-8",
url:'secret.aspx',
processData: false,
dataType: "html",
data: $('#myForm').serialize(),

edited Apr 26, 2014 at 17:46

answered Apr 26, 2014 at 17:35

ExceptionLimeCat

6,4407 gold badges48 silver badges77 bronze badges

Collectives™ on Stack Overflow

jquery ajax sending data

2 Answers 2

10 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related