I'm sorting a gridview inside an update panel. When the user clicks on the column header, the gridview resorts itself fine. However, after the sort, I' like to run a javascript function called MyScript.
View 2 Replies
I am developing web application and in application i need to make call of jQuery using .ajax(); method with datatype is set jsonp. Now all works well with limited data but problem start to occur when data size is increasing......
View 7 RepliesI have this code being called
[Code]....
which returns <div>here</div><script language=javascript>alert('');</script> The content gets loaded property, but no alert. How would I get a javascript routine to work from an ajax call along with posting the HTML code?
I have this Aja.svc in my root folder
[ServiceContract(Namespace = "")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Aja
{
[WebGet]
[OperationContract]
public string Hi()
{
return "hi world!";
}
}
and I'm trying to do this: $.get('Aja.svc?method=Hi', function(d) { alert(d.d); }); In firebug I see that the result is HTTP Error 404.17 - Not Found The requested content appears to be script and will not be served by the static file handler. I use .net 3.5, jquery 1.4.4
I created a number of standard WCF Services (Service Contract and Host (svc) are in separate assemblies). I fired up a Web Site in IIS to host the Services (i.e., address is [URL]). Then in my Web Site project I added the reference. I am able to call the services normally. I am needed to call some of the services client side. Not sure if I should be looking at articles calling WCF services through AJAX, JQuery, or JSON enabled WCF Services. Some of the changes I made was adding the following to the Operation Contract:
[OperationContract]
[WebInvoke(Method = "POST", UriTemplate = "SetFoo")]
void SetFoo(string Id);
Then this above the implementation of the interface:
[AspNetCompatibilityRequirements(RequirementsMode =
AspNetCompatibilityRequirementsMode.Allowed)]
Then in the service webconfig I have this (parens are angle brackets):
<serviceHostingEnvironment aspNetCompatibilityEnabled="true">
<baseAddressPrefixFilters>
<add prefix=[URL]>>
</baseAddressPrefixFilters>
</serviceHostingEnvironment>
<serviceHostingEnvironment multipleSiteBindingsEnabled="false" />
Then in the client side I attempted this:
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
<compositeScript>
<Scripts>
<asp:ScriptReference
Path=[URL]/>
</Scripts>
</CompositeScript>
</asp:ScriptManagerProxy>
I am attempting to call the service like this in javascript: wcfservices.SetFoo(string Id); Nothing is working. If it is idea or a better solution to call JSON enable, JQuery, etc.... I am willing to make any changes.
I accept both C# and VB.NET
If you visit this [URL] and then click on the link like the image below you'll see in-line pop-up DIV which displays a busy status of Ajax callback before it displays the information. So, the information is not there yet until you click on the link.
I'd like to do the same but ASP.NET and jQuery.
I have a requirement where i need to show the list of data in a jquery dialog once a some link is clicked .I can easily collect the data that has to be shown in the dialog on page load and display the data in the dialog.I will place those data in a hidden div and simply pop it up when the user clicks on the link.But my requirement is that there has to be jquery ajax get when the users clicks on the link and that content should be displayed in the jquery dialog.How can i achieve that.
View 4 Repliesi have a jquery .click() function that executes an .ajax() method call
[Code]....
when the .ajax() method executes succesfully it calls a javascript function
[Code]....
as you can see i have an .ajax() method inside my javascript function, is this possible? I am creating loop that starts on the finish listener of the soundmanager object. So when I need to make the ajax call to get he next url I need.
How to use jQuery to call ASP.NET AJAX Page Method?
View 1 RepliesI have the following jQuery event that gets fired every time an anchor is clicked. How can I pass a asp.net control (lets say a panel called "pnl_info") as one of the parameters, in addition to the "target" parameter i'm already passing?
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function(event) {
$.ajax({
type: "POST",
url: "Default.aspx/Click",
data: "{target:'" + event.target + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
error: function(xhr, ajaxOptions, thrownError) {
alert(xhr.responseText);
$("#myContent").html(xhr.statusText);
//alert(xhr.responseText);
},
success: function(msg) {
alert(msg.d);
}
});
return false;
})
})
</script>
Let say I got the following button : <asp:Button ID="btnSearch" runat="server" /> and the following button event handler: Protected Sub btnSearch_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnSearch.Click ow, with JQuery, can I call the button event handler ? What I mean is that I don't want the page to refresh, so it's kind of Ajax call. I don't want to simulate the click but that on click the button event handler is call.
View 2 RepliesFrom client side, I need to call a server method that is not static. For example, I got the following user control ucData (private instance of code-behind) that is Databind in the load event. The server method I need should return ucData.IsValid(). So it can't be static
View 1 RepliesI am new to jqGrid and I have found it difficult to follow the documentation jqGrid Documentation / I cannot figure out how to call a WebMethod when setting up the JQGrid. I have been successful in making an Ajax call to get the data and then setting up the JQGrid with local data. I think its an extra step in the setup process and that I should be able to provide the path to the webmethod using the url property. The editurl property is the same way. I am never actually receiving the post to the server. Attempted JQGrid Setup
function GetData()
{
$('#list').jqGrid({
type: "POST",
url: "Default.aspx/GetUsersJSON",
datatype: "json",
height: 250,
colName: ['Username', 'Email'],
colModel: [
...
}).jqGrid(
'navGrid',
'#pager',
{
edit: true,
add: true,
del: true
});
}
WebMethod
[WebMethod]
public static string GetUsersJSON()
{
var users = new List();
using(UserAdministrationSandboxDataContext uasd = new UserAdministrationSandboxDataContext())
{
users = uasd.GetUserList();
}
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(users);
}
Current Code I got it working correctly now, but I still have one final question. Why did I have to set the 'repeatitems: false' in order to display the content? Some of the caveats to get this to work include the different ways to setup the ajax request. (Ajax: type) is (jqgrid : mtype) (Ajax: contentType) is (jqgrid : ajaxGridOptions: { contentType: })
And finally understanding the documentation from the documentation on how to setup the JSONReader.
function GetUserDataFromServer()
{
$('#list').jqGrid({
url: "Default.aspx/GetUsersJSON",
mtype: 'POST',
ajaxGridOptions: { contentType: "application/json" },
datatype: "json",
serializeGridData: function (postData)
{
return JSON.stringify(postData);
},
jsonReader: {
root: function (obj) { return obj.d; },
page: function (obj) { return 1; },
total: function (obj) { return 1; },
records: function (obj) { return obj.d.length; },
id:'0',
cell:'',
repeatitems: false
},
datatype: "json",
height: 250,
colName: ['Username', 'Email'],
colModel: [
{
name: 'Username',
index: 'Username',
width: 100,
editable: true
},
{
name: 'Email',
index: 'Email',
width: 220,
editable: true
},
{
name: 'IsLockedOut',
index: 'IsLockedOut',
width: 100,
editable: true,
edittype: 'checkbox'
}
],
caption: "Users"
})
}
Web Method
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static List GetUsersJSON()
{
using (UserAdministrationSandboxDataContext uasd = new UserAdministrationSandboxDataContext())
{
return uasd.GetUserList();
}
}
One JSON Object from the List
{"__type":"UserAdministrationSandbox.UserData","PKID":"00000000-0000-0000-0000-000000000001","Username":"TestUser","ApplicationName":"Test","Email":"TestUser@test.com","Comment":"TestUser","Password":"D41D8CD98F00B204E9800998ECF8427E","PasswordQuestion":"Is this a blank Password?","PasswordAnswer":null,"IsApproved":true,"LastActivityDate":"/Date(1298869200000)/","LastLoginDate":"/Date(1298869200000)/","LastPasswordChangedDate":"/Date(1298869200000)/","CreationDate":"/Date(1298869200000)/","IsOnLine":false,"IsLockedOut":false,"LastLockedOutDate":"/Date(1298869200000)/","FailedPasswordAttemptCount":0,"FailedPasswordAttemptWindowStart":null,"FailedPasswordAnswerAttemptCount":null,"FailedPasswordAnswerAttemptWindowStart":null}
1- I have an Ajax link that call an action and that action returns a view , that view open in a specific Div (consider it as a menu that update the div with the corresponding view) 2- if session timeout the returned my logon view so if i click on the link and session is timeout , the log on view open in the div not in the whole page
what i should do so if the session timeout it return logon view in new page in on my div?
I'm pretty much completely new to MVC - I've been playing around with some features for a few months and I'm currently implementing a simple administration panel for a website. I'm a very experienced developer, but the interaction between MVC views and javascript is confusing me a little bit. Here's my scenario:
I have a stored procedure that runs periodically via an agent job in MSSQL. The stored procedure synchronises data from an internal database - it can sometimes (depending on network demand and the amount of data) take a minute or two to run.I'm using LINQ to SQL as my data model.I need to be able to call the Stored Procedure on demand via the click of a button. This "works" if I call it within the code, but obviously I would prefer to make an async call via AJAX after clicking the button, so I can display an "Executing" image or indeterminate progress bar.
At the moment I have the following code in my Controller:
[Code]....
And the following code in my View (Razor syntax):
[Code]....
Which works perfectly fine. However, my brain isn't working this morning, and I'm struggling to figure out how to implement an AJAX call using the integrated JQuery classes?
I have 2 web pages edit.aspx and webmethods.apx. In edit.aspx there is some jquery code to get some data :
[Code]....
With this I try to get a Json object from the webmethods.aspx page :
[Code]....
I get an error back that says "Parser Error", I even did put an breakpoint on the webmethod but it is like it's never triggered. Is my url wrong if I'm in the following url :
[Code]....
Should I use something like ../WebMethods.aspx?
I have a webservice "DataService.asmx" which I am using for AJAX calls for insert, update, delete and some other tasks. All the pages are calling webservice smoothly but this new page I added and calling my webservice using the same ajax method not working. Strange thing is that neither its going on SUCCESS nor FAILURE...and put a breakpoint on my webservice but its not going into the webservice...plz help as its been 6 hours now figuring what the problem is..here is the code.
[Code]....
here is my webservice
[Code]....
and here is the Code behind
[Code]....
<asp:Button id="Bu_DocShareSave" runat="server" Text="Save Share" OnClick="Bu_DocShareSave_Click"/>
protected void Bu_DocShareSave_Click (object sender, System.EventArgs e){
[code]...
I'm using jquery to make an ajax call and it simply does not work after I've added the routing..
$.ajax({
type: "POST",
url: "EmployeePage.aspx/SubmitData",
data: "{" + paramList + "}",
contentType: "application/json; charset=utf-8",
dataType: "json",
and use ResolveUrl but not work
I have this method in asp.net ajax enabled mvc service
[OperationContract]
public TestRun GetTestSuite(string testSuitName) {
TestRun testRun =
AdapterFactory.CreateTestRunAdapter().GetByTestSuiteName("testSuit");
return testRun;
}
Where TestRun is Created using entities framework against TestRun table. I am using following ajax method
function getTestSuite() {
$.ajax({
type: "POST",
url: "Services/TestRunService.svc/GetTestSuite",
data: '{"testSuitName" : "' + testSuiteName + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
},
//If the call fails
error: function (xhr, textStatus, errorThrown) {
alert(errorThrown);
}
})
}
I get undefined error. If I return string from service it works. Do I need to change dataType: "json" to something else?
My jQuery ajax call is failing with an undefined error. My js code looks like this:
[Code]....
My ajax source is a generic ASP.NET handler:
[Code]....
Now, if I return an empty object ("{ }") in my handler, the call will succeed. But when I return any other JSON object, the call fails.
The dataFilter handler shows that I am receiving a correct object. Firebug shows the response as expected, and the JSON tab shows that the object is parsed correctly.
So what could be the cause?
[Edit] I should have actually written "when I return any invalid JSON object, the call fails"! :D
I am developed an web application in asp.net. In this application I have used jquery ajax for some pages. In this application, when I make two ajax call asynchrounoulsy that would not do as I expceted. what is happening is even the second ajax call finishes i can see the result when the maximum time out ajax call finished. I mean i can see the both results in the same time, not one by one. for an example. I have 3 pages
1) main.aspx - for make two ajax request.
2) totalCount.aspx - to find the total count. (max it takes 7 seconds to return, as corresponding table contains 3 lak records)
3) rowCount.aspx - to find the row details. (max it takes 5 seconds to return result).
due to this scene, I have planed to make asyn call in jquery ajax in asp.net. here is my code...
function getResult() {
getTotalCount();
getRows();
}
// it takes max 7 seconds to complete
// as it take 7 seconds it should display second.( I mean after the rows dispaying)
// but displaying both at the same time after the max time consuming ajax call completed.
function getTotalCount() {
$.ajax({
type : "POST",
async : true,
url : "totalCount.aspx?data1=" + document.getElementById("data").value,
success : function(responseText) {
$("#totalCount").attr("value", responseText);
}
})
}
// it takes max 5 seconds to complete.
// after finished, this should display first.( i mean before total count displays)
// but displaying both at the same time after the max time consuming ajax call completed.
function getRows() {
$.ajax({
type : "POST",
url : "getrows.aspx?data1=" + document.getElementById("data").value,
async : true,
success : function(responseText) {
$("#getRows").attr("value", responseText);
}
});
}
I would like to know, If there is any possible to make asyn call in jquery ajax in asp.net. I searched in net, I got some points that says we cannot do this in asp.net ref link: [URL] if we can do this in asp.net How to do that?
Aspx Page:
$(document).ready(function() {
$("#btnn").click(function() {
$.ajax({
type: "POST",
url: "TestPage.aspx/emp",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
}
});
});
});
CodeBehind:
public void grdload()
{
GridView1.DataSource = GetEmployee("Select * from Employee");
GridView1.DataBind();
}
[WebMethod]
public static void emp()
{
TestPage re = new TestPage();
re.grdload();
}
I Can't Gridview Data Load ? How To Make GridView Data Load?
i would like to call an HttpGet GetEvents(Datetime dateSelected) controller action each time the user cliks on a date in jquery ui datepicker. I handle the onSelect datepicker event in order to call GetEvents() and refresh the Events page with the events for the selected date. The $.ajax method i use from jquery hits the GetEvents action, but instead of refreshing the page (and the url), i get an ajax result back.
[Code]....
So, how could i just call the HttpGet GetEvents() controller action via jquery, without the use of ajax in order to refresh the page?
I am doing Ajax call using jQuery and my URL is like
http://localhost;3327/DummyAps/Demo.aspx
In Demo.aspx page i have a WebMethod, which i wanted to call. While doing jQuery ajax call i am giving the URL as "/DemoWebMethod", where "DemoWebMethod" is the Webmethod present in Demo.aspx page.
But while calling the WebMethod it is calling the URL
http://localhost;3327/DummyAps/DemoWebMethod but i want to call
http://localhost;3327/DummyAps/Demo.aspx/DemoWebMethod.
I know that changing the URL from "/DemoWebMethod" to "Demo.aspx/DemoWebMethod" will solve the problem but can i do it without writing that (because i have some problem with that).
