I am making a jquery call from a javascript method. I want a parameter to be sent to my call back method. I am using a handler(ashx) to make jquery call, the handler is getting invoked but the callback is not getting fired.Below is the code
function MyButtonClick(){
var myDiv = "divname";
$.post("MyHandler.ashx", { tgt: 1 }, myDiv, CustomCallBack);
[code]...
is possible to send an AJAX post with parameters and not querystring information? I have some sensitive information that I am not comfortable sending in a querystring.
Also, how does that change the deserialization of my data? Will I still be able to use code similar to below:
[Code]....
I'm using AJAX Page Methods, but I can't seem to be able to pass the needed parameters:
function getFavStatus() {
//favs is a list of DOM <imgs> that I want to modify their img.src attribute
for (i = 0; i < favs.length; i++) {
PageMethods.isFavorite(favs[i].alt,setFavImg(favs[i]));
}
}
function setFavImg(fav, response) {
fav.src = response;
}
The problem that I can't figure out is how to use the "response" from PageMethods, AND pass the DOM object to the callback function.
I've also tried doing something like this:
function getFavStatus() {
for (i = 0; i < favs.length; i++) {
PageMethods.isFavorite(favs[i].alt, function (response) {
favs[i].src = response;});
);
}
}
In this case, the response works properly, but i is always > favs.length, because it has already iterated through the loop... Edit: My PageMethods.isFavorite signature is: [System.Web.Services.WebMethod] public static string isFavorite ( string p_id )
I need to send som parameters to the callback function of my AJAX call, how can i do that: ex.
[Code]....
I am using uploadify to upload files to the server. After the user selects one image, a callback is issued and the image is stored to the server. To track which images are saved, I stored each item in a generic list and later store that list inside a session variable.
The problem is, the callback has a different session then the page where I will be posting back to parse the session variable.
My question is why do callbacks have different sessions then the underlying page that issued the callback.
I have some code in a controller (HomeController.cs) that gets called from a $.get method in my view.View Code
$(document).ready(function() {
$.get("/Home/Toolbar", function(result) {
$("body").prepend(result);
[code]...
How can we send these parameters in Html.ActionLink statement?(one by one not all of them)
1- selected value of a DropDownList.
2- Form collection.
3- our Model.
I have the following code:
<input type="text" ID="JOB_CODETextBox" runat="server" value='<%# Eval("JOB_CODE") %>' readonly="readonly"
onclick="$('#basic-modal-content').modal(
{
appendTo:'form', persist: true,
onClose: function (dialog)
{
document.findElementById('<%= JOB_CODETextBox.ClientID %>').value = 'value';
$.modal.close();
}
} );" />
The problem is, the binding '<%= JOB_CODETextBox.ClientID %>' doesn't work, it returns the same binding expression after renderign instead of replace it with the actual client id!
my company is hosting a reception for current / prospective clients, we have a list of invitees in a SQL database, using the following columns (ID, Name, Email, Company, Response). ID is a UID and Response is Int, others are varchar. by default, Response is '0'i want to generate an email that will invite each user in the database to the reception, and provide a link to pages on our website that will update the Response field to1 (attending) or 2 (not attending).
View 5 RepliesI have a simple script making a request to the server:
var DTO = { 'path': path };
var url = 'default.aspx/Get';
var test;
$('#getInstance').click(function () {
$.ajax({
url: url,
type: 'POST',
dataType: 'json',
data: JSON.stringify(DTO),
contentType: 'application/json; charset=utf-8',
success: function (msg) {
test = msg;
},
error: function (jqXHR, textStatus, errorThrown) {
alert(textStatus);
alert(errorThrown);
}
});
});
This works fine as in it connects to the server and gets the data back, with one simple problem. It is treating this request as a cross domain request, therefore using jsonp. The server code is here:
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static MyObject Get(string path)
{
MyObject foo = new MyObject();
return foo;
}
Normally this would not be a problem, except that I am accessing a WebMethod, and it doesnt have the capability to return a jsonp response (meaning it has no way to attach the callback function to the response. Now, if this was a manual response, I could hack it up and attach the parameter, but I am taking advantage of the built-in serialization, so no way to mess around with the response. [URL]
Let me just stress the fact that this code works. The only problem is jQuery treating this request as cross domain. But Why? UPDATE: Well, after many more hours and more testing I have narrowed this issue down to it being a bug in jquery 1.5.1. I did some testing with older versions (all 1.4 versions) and I had no problem, the request was made using JSON, and the response was received successfully. What could be the change they made that would consider this request a CORS?
public class JsonBuilder
{
private StringBuilder json;
public JsonBuilder()
{
json = new StringBuilder();
}
public JsonBuilder AddObjectType(string className)
{
json.Append(""" + className + "": {");
return this;
}
public JsonBuilder Add(string key, string val)
{
json.AppendFormat(""{0}":"{1}",", key, val);
return this;
}
public JsonBuilder Add(string key, int val)
{
json.AppendFormat(""{0}":{1},", key, val);
return this;
}
public string Serialize()
{
return json.ToString().TrimEnd(new char[] { ',' }) + "}";
}
}
Here is the Web Method [WebMethod]
public static string GetPersonInfo(string pFirstName, string pLastName)
{
var json = new JsonBuilder().AddObjectType("Person");
json.Add("FirstName", "Psuedo" + pFirstName).Add("LastName", "Tally-" + pLastName);
json.Add("Address", "5035 Macleay Rd SE").Add("City", "Salem");
json.Add("State", "Oregon").Add("ZipCode", "97317").Add("Age", 99);
return json.Serialize();
}................
It is my code:
$.ajax({
[Code]....
How can I get my parameters(category,city) on the server? Request's parameters is always null.
i m trying to build a register page, which will show username is already there or not ?
[Code]....
here it works well on blue it send request to user.aspx page to chk user there or not
here is my user.aspx code
[code]....
whats wrong on that?
I am trying to send data to my code behind method. It works except when I add to the data param.
[code]....
UPDATE: After seeing what client side errors were being thrown it seems that the ID is undefined. Is my method of getting the elements ID incorrect? Keep in mind I am using jsTree and ca I possibly use (obj)?
Currently, I am exploring options for sending data to the client. What I am hoping for is suggestions, or a pros and cons feedback.
What I am wanting to do is query the database then send this data to a web service ( or maybe wcf ). Once there, jquery ( or another JS library ) will utilize this data to fill a grid/tree/form depending. This all seems very very basic, but what concerns me is the amount of data that can be sent. I have seen some grids that have 16K records...and what worries me is that would be WAY too much data to send.
I was just wondering how these things are handled. My current thoughts are to do a 'onDemand' loading, but my inexperience has me second guessing. Also, I know this isn't directly related to jquery, but I notice there are a lot more examples with wcf rather than webmethod/web services.Is wcf better for these types of things?
This is my first foray into jquery. I wrote a function that will wrap four sides and four corners around a div, effectively placing a border around a box. I would like to pass in height, width, and a third parameter to indicate hoe much padding that particular box should get. How can I do this?
<script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".smallBox").wrap("<div class='sbox-top'>" +
"<div class='sbox-bottom'>" +
"<div class='sbox-left'>" +
"<div class='sbox-right'>" +
"<div class='sbox-tl'>" +
"<div class='sbox-tr'>" +
"<div class='sbox-bl'>" +
"<div class='sbox-br' style='padding:5px 5px;'>" +
"<div style='background-color: #f2f0f1;padding:0 5px;'>" +
"</div></div></div></div></div></div></div></div>");
});
</script>
how can i use jquery in a scenario where when i click an image, jquery picks up the values of 2 dropdown lists and passes them up as parameters to a remote POST URL?
The page is then redirected to this new URL with the appropriate parameters.
i am using combination of jquery and JSON based webservice in most of projets. Lately i am facing this problem. if the data returned from webservice is huge ajax call from jquery fails. yup i know i can implement paging etc etc but is there a way i can increase the limit to get more data from webservice with jquery ajax call?
View 2 RepliesI'm trying to do a form submit to my controller through jQuery Ajax. The following code works for the most part, however, the ThreadId parameter does not get passed. If I call the controller directly without using jQuery, it gets passed, but when using jquery, I don't see the ThreadId after form.serialize(). WHat would be the easiest way to pass parameters (like ThreadId) to jQuery form post?
[code]....
I have a webpart in a page in which there is a gridview(which shows list of customers). When I click on a link button in gridview, I would like to popup a JQuery modal window and fill the popup(this contains textboxes, then a gridview which contains mapped systems for thet customer, and another gridview which contains list of configured reports for that customer) with the details based on the customer name(link) clicked. Here I need to pass the customer Id and customer name parameters based on which I can fill the Jquery modal window.
pass parameters to JQuery modal window in order to fill the contents inside it?
I'm doing an jQuery AJAX POST call to a webmethod, which is working fine. If I'm passing data from the AJAX call, I normally get the data in the webmethod via webmethod parameters.
JavaScript Code:
$.ajax({"dataType": "json","contentType": "application/json","type": "POST","url": "Default.aspx/GetStuff","data": JSON.stringify({"a":"data1","b":2}),"success": function (msg) { console.log(msg.d);}});
C# Code:
[WebMethod]public static object GetStuff(string a, int b){ }
Is there any way I can get the data as a Dictionary or some other object, instead of having to put in individual parameters to the GetStuff() web method for each data param? It's a POST request so nothing is in Request.QueryString, and Request.Params/Request.Form doesn't contain it either.
I am currently using this example [URL]. I am getting errors adding an additional parameter to the data portion.
I want to add this
var value = $("#Hidden1").val();
to this
$.ajax({
type: 'POST',
url: '/Sortable.asmx/UpdateItemsOrder',
data: '{itemOrder: '' + order + ''}',
contentType: 'application/json; charset=utf-8',
[CODE]...
I'm trying to call an action method in an MVC application using jQuery. Basically what I want is to take the value of a couple of input fields and call the action method by clicking a button, passing the values of the input fields as parameters. But I only get the value of the "number" parameter, not the "year" parameter.
function selectWeek() {
$('#selectWeekButton').click(function (event) {
var number = $("#selectWeekId").val();
[code]...
I checked the url with an alert, as you can see, and it seems to contain both values fine. But when I check the value of the year parameter in the action method it is null.Here are the input fields:
<span>Vecka: </span>
<input type="text" id="selectWeekId" />
<span>År: </span>
<input type="text" id="selectYearId" />
<input type="button" value="Välj vecka" id="selectWeekButton" />
And the beginning of the action method:
public ActionResult Edit(string number, string year)
//etc...
I know that this looks like a strange thing to do instead of just binding fields, but the reason is that these input fields and their values is not the main purpose of this View. They're just there to select another week in this timesheet application. And besides, I'm going to replace the input fields with a jQuery calendar eventually, so I will still have to do something like this.
So what's the easiest way to do this, and why isn't it working as it is?
js:
[code]....
I put a break point inside MyWebMethod. When I invoke this call on the page, the break point never gets hit. It works fine when I remove all parameters from MyWebMethod's signature and pass in '{}' from JS as parameters. Once I try to pass in a string parameter, it stops working.
I have a JQuery template, and I want to call a webservice and populate the fields in it. The issues I am having are, I'm not sure how to pass parameters in my $.ajax call (ideally, I want to pass a dictionary so I can pass as many or few parameters as I want). I tried data: { Key : Value } but get a 500 server error saying something about not a valid JSON primative.
Once the webservice is called, how can I get my data back in a JSON string that is compatible with a JQuery template? My webservices usually get a List and my jquery template works with a JSON object.
The problem is basically the format of data between client and server. My webservice call works fine, it's simply a problem of JSON and data. Edit: I have succeeded in calling the webservice with a dictionary, I am now trying to figure out how to get the data back. I'm getting a circular reference error.